[HTML5] 09. 테이블

09. 테이블

​

테이블은 행(row)와 열(column)로 구성되어 있으며, 표의 형태로 데이터를 표시할 때 사용한다.

​

1. 테이블의 기본 형식

​

- <table>: 테이블

- <tr>: 행, table row의 약자

- <td>: 열, table data의 약자, 각 셀(cell)의 데이터

​

2. 테이블 그룹핑

​

- <thead>: 머리말, table header의 약자

- <tbody>: 본문

- <tfoot>: 꼬리말, table footer의 약자

​

3. 기타

​

- <th>: 테이블 제목, table heading의 약자

- <caption>: 캡션, 테이블에 대한 설명

​

4. 열 단위 스타일 지정

​

- <colgroup>: 열그룹, column group의 약자

* 이 태그는 <table>과 <caption> 다음, <thead>태그 보다는 먼저 사용되어야 한다.

- <col>: 열그룹의 하위요소, column의 약자

 

5. 행과 열의 병합

 

행과 열의 병합을 위해서는 rowspan 속성과 colspan 속성을 사용하는데,

이 속성은 <td> 태그와 <th> 태그 내에서만 사용한다.

​

#HTML5 #HTML #태그 #tag #table #colgroup #테이블그룹핑

 

세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/

유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트