[HTML] 태그 정리(7) - 테이블 생성 태그 <table> / <tr> / <th> / <td>

태그	설명
<table></table>	테이블 생성할 때 table 태그를 사용한다. 단독으로 사용되지 않고 행을 만드는 tr 태그와 셀을 만드는 태그(th 태그 또는 td 태그)를 같이 사용한다. 기본적으로 테두리가 보이지 않게 생성되므로 테두리 설정하는 속성을 사용해 줘야 한다. 예시에서는 table 태그에 테두리 크기 1로 설정함.(border="1")
<tr></tr>	한 행(Row)을 만들 때 tr 태그를 사용하는 데 셀을 만드는 태그(th 태그 또는 td 태그)와 같이 사용한다.
<th></th>	th 태그는 tr 태그 내에서 사용되고 table의 header 부분에 셀을 만들 때 사용한다. (자동 가운데 정렬 + 굵은 글씨체로 표현됨) header 부분에 반드시 th를 사용해야 하는 건 아니고 td를 사용해도 상관없다.
<td></td>	td 태그는 tr 태그 내에서 사용되고 table의 한 개의 셀을 만들 때 사용한다. ※ 예시에서는 5행, 2열 테이블을 만들고 있으니까 tr 태그가 총 5번, tr 안에 셀 만드는 태그가 각각 2번씩 사용되었다.

 

사용 예시

<meta charset="UTF-8"> <table border="1" width="900" height="150">   <tr>      <th width="50">태그</th>      <th>설명/예시</th>   </tr>   <tr>      <td>table</td>      <td>테이블 생성할 때 table 태그를 사용한다. 단독으로 사용되지 않고 행을 만드는 tr 태그와<br>      셀을 만드는 태그(th 태그 또는 td 태그)를 같이 사용한다. 기본적으로 테두리가 보이지 않게 생성되므로<br>      테두리 설정하는 속성을 사용해 줘야 한다. 예시에서는 table 태그에 테두리 크기 1로 설정함. (border="1")      </td>   </tr>   <tr>      <td>tr</td>      <td>한 행(Row)을 만들 때 tr 태그를 사용하는 데 셀을 만드는 태그(th 태그 또는 td 태그)와 같이 사용한다.</td>   </tr>   <tr>      <td>th</td>      <td>th 태그는 tr 태그 내에서 사용되고 table의 header 부분에 셀을 만들 때 사용한다.<br>    (자동 가운데 정렬 + 굵은 글씨체로 표현됨) header 부분에 반드시 th를 사용해야 하는 건 아니고 td를 사용해도 상관없다.<br>       </td>   </tr>   <tr>      <td>td</td>      <td>td 태그는 tr 태그 내에서 사용되고 table의 한 개의 셀을 만들 때 사용한다.<br>      ※ 예시에서는 5행, 2열 테이블을 만들고 있으니까 tr 태그가 총 5번, tr 안에 셀 만드는 태그가 각각 2번씩 사용되었다.<br>      </td>   </tr> </table>

화면 출력

 

▼ (전 게시물) 태그 정리(6) - 아래 링크 이동

[HTML] 태그 정리(6) - <blink> / <cite> / <em> / <kbd> / <sub> / <sup> / <strong>

 

▼ (후 게시물) 태그 정리(8) - 아래 링크 이동

[HTML] 태그 정리(8) - table 속성(가로/세로 병합)

 

▼ (첫 번째 게시물) 기본 용어 정리 - 아래 링크 이동

[HTML] 기본 용어 정리 (HTML 정의 / 요소 / 태그 / 속성 / 속성값)