<table></table>
테이블은 x축과 y축을 기준으로 정보를 나열할 때 유용하게 사용할 수 있습니다.
<table>
<caption>테이블의 제목</caption>
<col><col>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
tr
테이블의 행(row)을 말하며, 내부에 셀제목과 셀 내용을 포함합니다.
th
테이블 셀 제목으로 행 내부에 포함되어야 합니다. th에서 사용할 수 있는 속성은 하단과 같습니다.
- scope : 행 또는 열, 행그룹, 열그룹의 제목
- colspan : 열을 병합할때 사용
- rowspan : 행을 병합할때 사용
td
셀 내용으로 tr 내무에 포합되어야 합니다.
- colspan : 열을 그룹 지을때 사용
- rowsapn : 행을 그룹 지을 때 사용
thead
테이블 행 블록 내에 제목을 구성할때 사용하며, 필수 입력이 아닙니다.
tbody
행 블록 내에 테이블 데이터를 구성할 때 사용하며, 필수 입력이 아닙니다.
'HTML' 카테고리의 다른 글
폼(form) 구성 요소 및 사용법 (0) | 2021.06.29 |
---|---|
HTML body 내부 태그 요소 - 인라인 요소(inline element) (0) | 2021.06.29 |
HTML body 내부 태그 요소 - 블록요소(block element) (0) | 2021.06.28 |
HTML 5 시맨틱 (Semantic)마크업 (0) | 2021.06.28 |
HTML body 내부 태그 요소 - 블록요소(block element) & 인라인 요소(inline element) 특징 (0) | 2021.06.28 |