html Table 태그

2010.05.23 23:46

Elkha 조회 수:4440

참고 문서  

table.jpg

웹 표준

내가 html 언어를 접할때는 웹 표준에 대한 인식이 어느정도 자리잡혀 있었다. img, hr 같은 단일태그는 닫아 주어야 하고, font 태그보다는 style을 주로 사용해야 한다는 정도는 이미 어깨넘어로 배운 지식이었다. 덕분에 처음부터 div 태그를 주로 사용했었고, 그것에 매우 익숙해졌다. 하지만 div 태그만 사용한덕에 table 태그를 사용할때면 항상 버벅거린다. table 태그에 대해 알아보면서 그 과정을 문서로 정리해본다.

Table 태그의 종류

  • table
  • caption
  • col
  • colgroup
  • thead
  • tbody
  • tfoot
  • tr
  • th
  • td

예제

<table border="1" align="center">
<caption>table 태그의 구성 요소</caption>
<colgroup>
 <col style="background: none repeat scroll 0% 0% rgb(255, 238, 238);"/>
 <col style="background: none repeat scroll 0% 0% rgb(255, 255, 238);"/>
</colgroup>
<thead>
<tr>
 <th>태그명</th>
 <th>설명</th>
</tr>
</thead>
<tbody>
<tr>
 <th>caption</th>
 <td>제목을 표시</td>
</tr>
<tr>
 <th>colgroup</th>
 <td rowspan="2">칼럼(Columns) 요소들을 선택</td>
</tr>
<tr>
 <th>col</th>
</tr>
<tr>
 <th>thead</th>
 <td>표의 머리 부분</td>
</tr>
<tr>
 <th>tbody</th>
 <td>표 본문</td>
</tr>
<tr>
 <th>tfoot</th>
 <td>표의 꼬리 부분</td>
</tr>
<tr>
 <th>tr</th>
 <td>table row. 행을 나눈다.</td>
</tr>
<tr>
 <th>th</th>
 <td>table title. tr 태그에서 구분한 행의 제목을 가리킨다.</td>
</tr>
<tr>
 <th>th</th>
 <td>table data. tr 태그에서 구분한 행을 열 단위로 나눈다.</td>
</tr>
</tbody>
</table>

출력 결과

table 태그의 구성 요소
태그명 설명
caption 제목을 표시
colgroup 칼럼(Columns) 요소들을 선택
col
thead 표의 머리 부분
tbody 표 본문
tfoot 표의 꼬리 부분
tr table row. 행을 나눈다.
th table title. tr 태그에서 구분한 행의 제목을 가리킨다.
th table data. tr 태그에서 구분한 행을 열 단위로 나눈다.
번호 제목 날짜 조회 수
» Table 태그 file 2010.05.23 4440
60 php + ssh2 file 2010.06.05 20197
59 javascript 대기시간 - setTimeout file 2010.06.12 13142
58 ftp file 2010.07.23 15441
57 네이버 드래그, 마우스 우클릭 방지 해제 file 2010.07.25 3620
56 브라우저, 문서 높이 구하기 2010.08.17 3944
55 <table cellspacing="0"> 2010.08.19 5485
54 마인크래프트 다운로드 v1.4 2011.04.01 3371
53 접속하기전에.. 2011.04.01 2342
52 마인크래프트 조합법 1 file 2011.04.01 38355
51 마인크래프트 조합 2 file 2011.04.01 14473
50 리눅스 계정 생성/변경 [67] 2011.04.02 29125
49 ssh 로그인 제한 2011.04.05 16467
48 php 생성자 / 소멸자 2011.05.21 7568
47 php __get($name), __set($name, $value) 2011.05.21 7492
46 CentOS 6.2 다운로드 / 설치 [1] file 2012.04.15 17027
45 CentOS 6 - MySQL 5.5 설치 [1] file 2012.04.15 21695
44 CentOS 6 - Apache 2.4.1 컴파일 / 보안 설정 [1] 2012.04.15 30239
43 CentOS 6 - PHP 5.3.10 컴파일 / 보안 [1] 2012.04.15 14285
42 CentOS 6 PHP 5.3 - APC(Alternative PHP Cache) 3.1.9 2012.04.15 11369