<HTML5+CSS3> 표만들기 (1)

<tr>:행 하나를 추가합니다

<td>:셀 하나를 추가합니다.

<th>:제목이 들어갈 셀을 추가합니다.

<col>:여러 줄에 걸쳐 있는 열 하나를 지정합니다.

<colgroup>:여러 개의 col 요소를 하나의 그룹으로 묶습니다.

<thead>:여러 열을 하나의 그룹으로 묶어 표의 헤더로 지정합니다.

<tbody>:여러 열을 묶어 표의 본문으로 지정합니다.

<tfoot>:여러 열을 묶어 표의 푸터로 지정합니다.

colspan,rowspan 속성- 행또는 열 합치기

<td colspan="합칠 열의 개수"> 내용 </td>

<th colspan="합칠 열의 개수"> 내용 </th>

<caption>태그-표에 제목 붙이기

<caption>표 제목 </caption>

-캡션 태그는 <table>태그 바로 다음에 사용해야 한다, <table>태그 하나에는 <caption>태그 하나만 사용한다.

<caption>태그를 사용하지 않을때 <table>태그의 summary속성을 이용해서 표의 요약 내용을 추가해야 한다.

즉, 캡션태그나 summary속성 중 하나는 반드시 사용해야 한다.

<col>,<colgroup>태그 -여러 열 묶기

몇 개씩 열을 묶어 한꺼번에 스타일을 지정할 수 있다. 이럴 때 열을 묶어주는 태그가 <col>과 <colgroup>태그이다.

<col>태그는 한 열에 있는 모든 셀을 묶는 것. 주로 한 열에 똑같은 스타일을 적용하려고 할 때 사용한다 닫는 태그는 없다.

ex)<col>

<colgroup>태그는 여러개의 <col>태그를 묶어 그룹으로 스타일을 적용하기도 하고 , <colgroup span="2">처럼 span속성을 이용해 열을 묶기도 한다.

<tr>태그와 <td>태그 전에 사용해야 하며 캡션태크가 있다면 캡션태그 다음에 써야한다. 또한 쿨태그를 사용한 열의 개수와 쿨글그룹태그를 사용한 열의 개수를 합했을때 전체 열의 개수와 정확히 일치해야한다.