HTML] table 태그 사용해 표만들기

 

<table> 태그는 표를 만들때 사용합니다.

 

<table> 태그와 함께 <tr>, <td>,<th> 태그가 사용 됩니다.

 

먼저 <table>태그는 표를 만들겠다는 선언 입니다.

 

표를 만들기 위해서는 <table>태그를 먼저 사용해야 합니다.

 

<th> 태그는 표 내부 제목이 되는 열을 만들때 사용 합니다.

 

<tr> 태그는 표 내부의 행을 만들때 사용 합니다.

 

<td> 태그는 표 내부 열을 만들때 사용 합니다.

 

<table>는 아래 순서로 사용 됩니다.

 

<table>

 <tr>

  <th> 제목 </th>   -> 삭제 가능 합니다.

  <th> 제목 </th>   -> 삭제 가능 합니다.

 </tr>

 

 <tr>

  <td> 내용 </td>

  <td> 내용 </td>

 </tr>

</table>

 

 

위표에 내용을 사용하면 아래와 같이 나타납니다.

 

성별	나이
남	21
여	25

 

<table> 태그와 함께 사용 가능한 테그를 알려드리겠습니다.

먼저, <caption> 태그 입니다.

<caption> 태그는 표 제목을 붙일 때 사용 합니다.

사용 위치는 <table> 태그 바로 아래 사용 됩니다.

<caption> 제목 </caption>

 

다음은 셀을 합칠수 있는 태그 입니다.

<colspan>과 <rowspan>이 있습니다.

<colspan>은 셀을 가로로 합칠때, <rowspan>은 세로로 합칠때 사용 됩니다.

 

 

위 태그를 사용하면 아래와 같이 나타납니다.

 

 

제목

과목		비고
국어	영어
수학	과학