본문 바로가기
배워보자!!/html-css

[html/css] 테이블(table)로 표 만들기!

by norinda 2015. 3. 9.
728x90

코드를 수정후 적용하기를 눌러 확인가능합니다.


테이블(table)로 레이아웃 설정하기!

대부분의 사이트에서 테이블을 많이 사용하는 편입니다. 테이블은 "표"라고 생각하시면 됩니다.

셀들의 집합으로 셀은 행과 열에 의해서 생성이 됩니다. 3행 3열로 구성된 표를 만들어 보았습니다.

<table> : 테이블을 선언하는 태그입니다.

<caption> : 테이블의 제목을 표시해주는 태그입니다.

<tr> : 테이블 내에 한 행을 정의하는 태그입니다. "Table Row"의 약어입니다.

<th> : 셀 제목으로 지정하여 강조되게 표시하는 태그입니다.

<td> : 테이블 내의 한 열 즉 각 행에 포함된 세을 만들 때 사용하는 태그입니다. "Table Data"의 약어입니다.


반응형

댓글