강의명 : HTML
- HTML <table> 태그
<table> 태그는 데이터를 포함하는 셀(cell)들의 행과 열로 구성된 2차원 테이블을 정의할 때 사용합니다.
이러한 테이블은 <table> 요소와 자식 요소인 하나 이상의 <tr>, <th>, <td> 요소들로 구성됩니다.
<tr> 요소는 테이블의 각 행(row)을 정의하고, <th> 요소는 각 열의 제목을 정의합니다. 또한, <td> 요소는 하나의 테이블 셀(cell)을 정의합니다.
또한, 다음과 같은 요소들을 사용하여 좀 더 복잡한 테이블을 정의할 수도 있습니다.
- <caption>, <col>, <colgroup>, <thead>, <tfoot>, <tbody>
예전에는 종종 HTML 테이블을 사용하여 HTML 문서의 레이아웃을 정의하기도 했지만, 이제는 <div> 요소나 의미 요소들을 사용한 후 CSS를 이용하여 페이지의 레이아웃을 정의하고 있습니다.
이러한 테이블은 <table> 요소와 자식 요소인 하나 이상의 <tr>, <th>, <td> 요소들로 구성됩니다.
<tr> 요소는 테이블의 각 행(row)을 정의하고, <th> 요소는 각 열의 제목을 정의합니다. 또한, <td> 요소는 하나의 테이블 셀(cell)을 정의합니다.
또한, 다음과 같은 요소들을 사용하여 좀 더 복잡한 테이블을 정의할 수도 있습니다.
- <caption>, <col>, <colgroup>, <thead>, <tfoot>, <tbody>
예전에는 종종 HTML 테이블을 사용하여 HTML 문서의 레이아웃을 정의하기도 했지만, 이제는 <div> 요소나 의미 요소들을 사용한 후 CSS를 이용하여 페이지의 레이아웃을 정의하고 있습니다.
예제
<table>
<tr>
<th>밥류</th>
<th>면류</th>
<th>분식류</th>
</tr>
<tr>
<td>김밥</td>
<td>라면</td>
<td>떡볶이</td>
</tr>
</table>
<tr>
<th>밥류</th>
<th>면류</th>
<th>분식류</th>
</tr>
<tr>
<td>김밥</td>
<td>라면</td>
<td>떡볶이</td>
</tr>
</table>
댓글목록
등록된 댓글이 없습니다.