Web/HTML
HTML 표(Table)
고기상추밥
2018. 12. 4. 00:53
| 참가자 | 항목 | ||
|---|---|---|---|
| 이름 | 나이 | 100M 달리기 | 윗몸 일으키기 |
| 남성 | |||
| 홍길동 | 22 | 14 | 22 |
| 남산이 | 12 | 7 | 23 |
| 여성 | |||
| 냥냥이 | 54 | 56 | 12 |
| 뵹뵹이 | 22 | 12 | 42 |
| 평균 | 44 | 12 | |
코드
<table border="1">
<caption>참가자 별 점수표</caption>
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
<thead>
<tr>
<th colspan="2" scope="colgroup">참가자</th>
<th colspan="2" scope="colgroup">항목</th>
</tr>
<tr>
<th scope="col">이름</th>
<th scope="col">나이</th>
<th scope="col">100M 달리기</th>
<th scope="col">윗몸 일으키기</th>
</tr>
</thead>
<tfoot>
<tr>
<th colspan="2" scope="row">평균</th>
<td>44</td>
<td>12</td>
</tr>
</tfoot>
<tbody>
<tr>
<th colspan="4" scope="rowgroup">남성</th>
</tr>
<tr>
<th scope="row">홍길동</th>
<td>22</td>
<td>14</td>
<td>22</td>
</tr>
<tr>
<th scope="row">남산이</th>
<td>12</td>
<td>7</td>
<td>23</td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="4" scope="rowgroup">여성</th>
</tr>
<tr>
<th scope="row">냥냥이</th>
<td>54</td>
<td>56</td>
<td>12</td>
</tr>
<tr>
<th scope="row">뵹뵹이</th>
<td>22</td>
<td>12</td>
<td>42</td>
</tr>
</tbody>
</table>