<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>table_span</title>
<style>
table {
border: 7px solid blue;
}
th, td{
border : 1px solid red;
color : navy;
text-align:center;
padding: 15px 30px
}
</style>
</head>
<body>
<table border="1">
<tr>
<th colspan="3">지역별 특산물</th>
</tr>
<tr>
<td>산림성</td>
<td>갈비</td>
<th rowspan="3">중국</th>
</tr>
<tr>
<td>갈림성</td>
<td>낙지</td>
</tr>
<tr>
<td>운남정</td>
<td>굴비</td>
</tr>
<tr>
<td>델리</td>
<td>땅콩</td>
<th rowspan="2">인도 및 스리랑카</th>
</tr>
<tr>
<td>주날</td>
<td>실론티</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<head>
<title>table_span</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3">지역별 특산물</th>
</tr>
<tr>
<th rowspan="3">중국</th>
<td>산림성</td>
<td>갈비</td>
</tr>
<tr>
<td>갈림성</td>
<td>낙지</td>
</tr>
<tr>
<td>운남정</td>
<td>굴비</td>
</tr>
<tr>
<th rowspan="2">인도 및 스리랑카</th>
<td>델리</td>
<td>땅콩</td>
</tr>
<tr>
<td>주날</td>
<td>실론티</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>table_span</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3">지역별 특산물</th>
</tr>
<tr>
<td>산림성</td>
<th rowspan="3">중국</th>
<td>갈비</td>
</tr>
<tr>
<td>갈림성</td>
<td>낙지</td>
</tr>
<tr>
<td>운남정</td>
<td>굴비</td>
</tr>
<tr>
<td>델리</td>
<th rowspan="2">인도 및 스리랑카</th>
<td>땅콩</td>
</tr>
<tr>
<td>주날</td>
<td>실론티</td>
</tr>
</table>
</body>
</html>
table_span
| 지역별 특산물 |
| 중국 |
산림성 |
갈비 |
| 갈림성 |
낙지 |
| 운남정 |
굴비 |
| 인도 및 스리랑카 |
델리 |
땅콩 |
| 주날 |
실론티 |
table_span
| 지역별 특산물 |
| 산림성 |
갈비 |
중국 |
| 갈림성 |
낙지 |
| 운남정 |
굴비 |
| 델리 |
땅콩 |
인도 및 스리랑카 |
| 주날 |
실론티 |
table_span
| 지역별 특산물 |
| 산림성 |
중국 |
갈비 |
| 갈림성 |
낙지 |
| 운남정 |
굴비 |
| 델리 |
인도 및 스리랑카 |
땅콩 |
| 주날 |
실론티 |
