오늘은 테이블에 대해 알아보겠습니다.
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<table border=1>
<tr>
<td>1행의 1열</td><td>1행의 2열</td><td>1행의 3열</td>
</tr>
<tr>
<td>2행의 1열</td><td>2행의 2열</td><td>2행의 3열</td>
</tr>
</table>
</body>
</html>
위와 같이 입력 후 html 파일로 저장을 하면 2행 3열의 표가 나타날 것입니다.
<table></table> 테이블을 지정하는 테그
<tr></tr> 테이블에서 새로운 행을 만드는 테그
<td></td> 테이블에서 새로운 열을 즉 셀 을 만드는 테그
테그 속성은 위와 같습니다.
현재 거의 모든 홈페이지들을 보면 테이블을 안쓰고는 깔끔하고 정리된 홈페이지를 만들기가 어렵습니다.
위 예제를 보면 테이블에 테두리(border) 가 1 값으로 들어가 있지만 저 보더를 0 으로 수정한 면 투명한 테이블(표)를 만들 수 있습니다.
그안에 글 또는 이미지를 넣어 깔끔하고 정돈된 홈페이지를 만들 수 있는 것입니다.
다음은 테이블 응용한 예제입니다.
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<table align=center cellspacing="1" bgcolor=#000000 cellpadding=5 width=500>
<tr align=center bgcolor=#FFFFFF>
<td>1행의 1열</td><td>1행의 2열</td><td>1행의 3열</td>
</tr>
<tr align=center bgcolor=#FFFFFF>
<td>2행의 1열</td><td>2행의 2열</td><td>2행의 3열</td>
</tr>
</table>
</body>
</html>
오늘은 테이블에 대해 알아보았습니다.
비씨파크 주식회사, 대표이사 : 박병철 개인정보보호책임자 : 박병철
사업자등록번호 : 114-86-19888 |
본사 : 서울특별시 서초구 서초대로73길, 42, 1307호
전자우편 : master@bcpark.net |
(전화전 이용문의 게시판 필수)
전화: 02-534-982구(09:00~18:00) |
팩스: 02-535-155구 |
긴급: 010-9774-988삼
ㆍ저작권안내 : 비씨파크의 모든 컨텐츠(기사)는 저작권법에 보호를 받습니다. 단, 회원들이 작성한 게시물의 권리는 해당 저작권자에게 있습니다. 비씨파크에 게재된 게시물은 비씨파크의 입장과 다를 수 있습니다. 타인의 저작물을 무단으로 게시, 판매, 대여 또는 상업적 이용시 손해배상의 책임과 처벌을 받을 수 있으며, 이에 대해 책임을 지지 않습니다.
ㆍ쇼핑몰안내 : 비씨파크는 통신판매중개자로서 상품 주문, 배송 및 환불의 의무와 책임은 각 판매 업체에 있습니다.
Copyright ⓒ 2000-2026 BCPARK Inc. All Right Reserved.
