테이블태그(table) tr th td 속성정리

 

테이블태그는 표를 만들때나 웹상에서 레이아웃을 짤때 사용하는 태그입니다.

예전에는 많이 사용한 태그였지만,요즘 추세는 div나 span을 자주사용합니다.

 

 

태그	설명
table	표에 행 삽입
tr	표에 행삽입
th	표의 제목 셀 생성
td	표의 일반 셀 생성

 

표 만들때 기본적으로 table 태그를 사용합니다 <table></table> 표에 셀 추가할때 테이블 요소를 만드는 태그는 tr태그

th태그, td태그를 추가해 만듭니다. table 태그의 경우 HTML5전에는 속성이 많았지만, 이제는 표의 테두리를 두께를

지정하는 border 속성만 사용합니다. th태그와 td태그는 colsapn 속성과 rowspan 속성을 사용해 표에서 차지 하는 영역을 조절할 수 있습니다.colspan 속성과 rowspan 속성을 사용해 표에서 차지하는 영역을 조절 할 수 있습니다.

colspan 속성을 사용하면 영역이 가로방향으로 늘어나고, rowspan 속성을 사용하면 세로 방향이 늘어납니다.

엑셀 스프레드 시트에 있는 셀 병합과 비슷하다고 생각하시면 됩니다.

 

태그	속성	설명
table	border	표의 테두리 두께 지정
th,td	colspan/rowspan	셀의너비지정/ 셀의 높이지정

 

coslpan 속성과 rowspan 속성을 적용한 예시 입니다.