Notice
Recent Posts
Recent Comments
Link
관리 메뉴

데브마우스

[HTML] table 태그 정리 본문

HTML/HTML: 문법 정리

[HTML] table 태그 정리

데브마우스 2023. 12. 30. 13:31

table 태그란 무엇인가요?

테이블 태그는 행과 열로 이루어진 테이블을 만들기 위해 사용하는 태그입니다.

 

table 태그
태그 이름 요소 분류 태그 설명
table 블록 요소 셀(cell)을 행과 열로 표현합니다.

 

table 태그의 하위 태그

table 태그의 하위 태그
table의 하위 태그 display 요소 설명
<caption> table-caption 테이블의 제목을 표시하기 위해서 사용됩니다.
<tr> table-row 테이블의 한 줄(가로 줄)을 생성하기 위해서 사용됩니다.
행을 의미합니다.
<td> table-cell 테이블의 한 칸(cell)을 생성하기 위해서 사용됩니다.
열을 의미합니다.
<th> table-cell 테이블의 한 칸(cell)을 생성하기 위해서 사용됩니다.
제목을 표시하기 위해서 사용되며 bold처리가 되어 있습니다.

table 태그의 병합 태그

속성 속성 값 설명
colspan 숫자(정수) 가로 병합에 사용됩니다.
rowspan 숫자(정수) 세로 병합에 사용됩니다.