$$config title: HTML table(테이블) 태그 keywords: - IT - HTML $$ # table 태그 ```js

``` ## table 태그 정리 - 데이터를 포함하는 셀(cell)들의 행과 열로 구성된 2차원 테이블을 정의할 때 사용한다. - 한개 이상의 tr, th, th의 자식요소를 가지고 있어야한다. ### table 태그 자식 - thaed, tbody, tfoot : 컨테이너로 활용하여 영역을 나누는 역활의 태그이며 주어진 크기에서 각 공간으로 나눠서 표시가 된다. - ```js

``` - tr : 테이블의 각 행(row)을 정의한다. - ```js

``` - th : 각 열의 제목을 정의한다. - ```js

th 태그 : 제목을 담당

``` - td : 하나의 테이블 셀(cell)을 정의한다. - ```js

th 태그 : 제목을 담당

``` ## table 속성 - width : 넓이 (칸을 담당) - height : 행 ( 줄을 담당) - border : 테투리 ( 최소값 1로 설정이 되어야지만 표가 보여진다) - cellpadding : 텍스트를 입력할 때 border와 텍스트와의 간격 - cellspacing : 외부 border와 내부 border의 빈공간 간격 ### 속성 작성방법 ```js

``` - colspan : 가로 합치기 (가로 셀병합) - rowspan : 세로 합치기 (세로 셀병합) ## 속성 작성 방법 1. 먼저 만나는 td에게 명령삽입 2. 합치는 칸의 갯수 작성 3. 합쳐지는 칸(td)는 삭제 ```js ---> 가로 합치기

		삭제되어야하는 칸
1	2
1	3 세로 합치기로 없어지는 탭이기 때문에 삭제 해야하는 태그	4

``` ### 레이아웃 작업 시 테이블은 거이 사용하지 않으며 현재 HTML5 에서 테이블 속성은 지원하지 않는것이 많음 -[테이블 공부 페이지](https://www.tcpschool.com/html-tags/table)