<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ํ</title>
</head>
<body>
<!-- deprecated : ์์ผ๋ก๋ ๋น๊ถ์ฅ/์ง์ํ๊ธฐ ๋๋ฌธ์ ์ฌ์ฉํ์งx -->
<!-- table์ align="center" => ํ
์ด๋ธ์ ํ๋ฉด์์ ์ค์์ผ๋ก -->
<!-- tr์ align="center" => ์
ธ์ ์ ํ ๊ธ์๋ฅผ ์ค์์ ๋ ฌ์ผ๋ก (ํ์ฌ ์ค ์ ๋ถ) -->
<!-- td์ align="center" => ์
ธ์ ์ ํ ๊ธ์๋ฅผ ์ค์์ ๋ ฌ์ผ๋ก (ํ์ฌ ์นธ๋ง) -->
<!-- ๋์ค์ width, border, align ์ ๋ถ ์์ => css ์ด์ฉ -->
<table width="300" border="1" align="center">
<tr align="center"> <!-- ํ -->
<td>์ ๋ชฉ1</td><!-- ์ด -->
<td>์ ๋ชฉ2</td>
<td rowspan="2">์ ๋ชฉ3</td>
</tr>
<tr>
<td colspan="2">๋ด์ฉ1</td>
</tr>
<tr>
<td colspan="2">๋ด์ฉ11</td>
<td>๋ด์ฉ12</td>
</tr>
</table>
<table border="1" width="300">
<caption align="bottom">์ด๊ณ ๋ฐ์ดํฐ</caption>
<thead>
<tr style="background-color: lightskyblue">
<th>๋ฐฉ๋ฌธ์์</th> <!-- <th> : ์๋ ์ค์์ ๋ ฌ + ๋ณผ๋ -->
<th>๊ฐ๊ฒฉ</th>
<th>์ด๊ณ</th>
</tr>
</thead>
<tbody>
<tr>
<td>15</td>
<td>15,000</td>
<td>X</td>
</tr>
<tr>
<td>10</td>
<td>10,000</td>
<td>X</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>25</td>
<td>25,000</td>
<td>X</td>
</tr>
</tfoot>
</table>
<h1>๋ฐด๋ ๋์๋ฆฌ ์ง์ ์์</h1>
<table border="1">
<caption>๋์๋ฆฌ ์ง์์</caption>
<colgroup> <!-- ๊ตณ์ด ๋ชฐ๋ผ๋ ๋จ/ ํ๋ํ๋ ๋ฃ์งx ๊ทธ๋ฃน์ผ๋ก ๋ฌถ์ด์ ๋ฃ๋๊ฒ -->
<col style="background-color: gray">
</colgroup>
<tr align="center">
<th rowspan="3" style="background-color: lightgray">ํ
์คํธ</th>
<!-- <td rowspan="3" <b>ํ
์คํธ</b></td> //// <b></b>๋ ๊ฐ๋ฅํจ>-->
<td>์ด๋ฆ</td>
<td>ํ๊ธธ๋</td>
</tr>
<tr align="center">
<td>ํ๊ณผ/ํ๋ฒ</td>
<td>์ปดํจํฐ๊ณตํ/20220101</td>
</tr>
<tr align="center">
<td>์ฐ๋ฝ์ฒ</td>
<td>010-1234-5678</td>
</tr>
<tr align="center">
<th style="background-color: lightgray">์ง์๋ถ์ผ</th>
<td colspan="2">๋๋ผ</td>
</tr>
</table>
</body>
</html>
