테이블(table,tr,td,th)+본문(상단,본문,하단) 접목(소계)
thead=>표의 머리글
tfoot=>중간에 배치 O
tbody=>내부에 하나이상 또는 그 이상의 tr태그를 갖고 있어야함.
ex) table>thead>tr>th*3>tfoot>tr>td*3>tbody>tr*2>td*3(X)
table>(thead>tr>th*3)+(tfoot>tr>td*3)+tbody>tr*2>td*3(O)
ex) table>thead+tfoot+tbody
tr>th*3 , tr>td*3 ,tr*2>td*3
<body>
<center>
<table border="1">
<thead><!--머리말-->
<tr>
<th>HTML강의</th>
<th>CSS강의</th>
<th>JavaScript강의</th>
</tr>
</thead>
<tfoot><!--가운데 배치-->
<tr>
<td>HTML 고급</td>
<td>CSS 고급</td>
<td>JavaScript 고급</td>
</tr>
</tfoot>
<tbody><!-- 본문 최소 한개이상의 tr존재-->
<tr>
<td>HTML 초급</td>
<td>CSS 초급</td>
<td>JavaScript 초급</td>
</tr>
<tr>
<td>HTML 중급</td>
<td>CSS 중급</td>
<td>JavaScript 중급</td>
</tr>
</tbody>
</table>
</center>
</body>
실행화면
'HTML' 카테고리의 다른 글
| 10.입력양식 (0) | 2024.07.18 |
|---|---|
| 8.테이블 병합 (0) | 2024.07.18 |
| 7.테이블 태그 (0) | 2024.07.18 |
| 6.semantic(3) (0) | 2024.07.05 |
| 5.semantic(2) (0) | 2024.07.05 |