728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>표</title>
<meta charset="UTF-8">
</head>
<body>
<table border="1">
<!-- border 테두리 속성 -->
<caption>표 제목</caption>
<!-- CAPTION : 표의 제목 (선택) -->
<thead>
<!-- THEAD : 표의 테이터가 아닌 열 이름 등을 담을 때 사용. (선택사항) -->
<tr>
<!-- TR : Table Row, 하나의 행 -->
<th rowspan="2">코드</th>
<!-- TH : Table Heading, 열 이름을 담는 셀(칸) -->
<th rowspan="2">이름</th>
<th colspan="2">인구(만)</th>
<th rowspan="2">면적(km<sup>2</sup>)</th>
</tr>
<tr>
<th>2021</th>
<th>2022</th>
</tr>
</thead>
<tbody>
<!-- TBODY : 표의 데이터를 담을 때 사용.(필수) -->
<tr>
<td>KR</td>
<td>대한민국</td>
<td>5078</td>
<td>5178</td>
<td>100210</td>
</tr>
<tr>
<td>US</td>
<td>미국</td>
<td>32850</td>
<td>32950</td>
<td>9834000</td>
</tr>
<tr>
<td>JP</td>
<td>일본</td>
<td>12480</td>
<td>12580</td>
<td>377975</td>
</tr>
<tr>
<td>DE</td>
<td>독일</td>
<td>8224</td>
<td>8324</td>
<td>357588</td>
</tr>
<tr>
<td>FR</td>
<td>프랑스</td>
<td>6639</td>
<td>6739</td>
<td>543940</td>
</tr>
<tr>
<td>GB</td>
<td>영국</td>
<td>6622</td>
<td>6722</td>
<td>243610</td>
</tr>
</tbody>
<tr>
<th colspan="2">평균</th>
<!-- COLSPAN 속성 : 가로(가로) 방향으로 통합시킬 셀 개수(본 셀 포함)-->
<td>11982.16667</td>
<td>12082.16667</td>
<td>1909553.833</td>
</tr>
<tfoot>
<!-- TFOOT : 표의 데이터에 대한 통계(평균, 합 들) 등을 담을 때 사용. (선택) -->
</tfoot>
</table>
</body>
</html>
728x90
반응형