<table> </table> ν‘œμ˜ μ‹œμž‘κ³Ό 끝
<caption> </caption> ν‘œμ˜ 제λͺ©
<tr> </tr> 1ν–‰
<td> </td> 1μ…€
<th> </th> κΈ€μž ꡡ은 μ…€
<colgroup> </colgroup> νŠΉμ • μ—΄λ“€(2개 이상)의 색상과 λ„ˆλΉ„λ₯Ό λ°”κΎΈκΈ° μœ„ν•΄ μ‚¬μš©
<col> </col> νŠΉμ • μ—΄μ˜ 색상과 λ„ˆλΉ„λ₯Ό λ°”κΎΈκΈ° μœ„ν•΄ μ‚¬μš©, 1개만 μ§€μ •
<td rowspan = β€œnβ€œ> </td> 행을 ν•©μΉ  λ•Œ μ‚¬μš© (ex. n에 2κ°€ λ“€μ–΄κ°€λ©΄ 2개의 행을 ν•©μΉ¨)
<td colspan = β€œn”> </td> 열을 ν•©μΉ  λ•Œ μ‚¬μš© (ex. n에 2κ°€ λ“€μ–΄κ°€λ©΄ 2개의 열을 ν•©μΉ¨)
<table>
    <caption>ν‘œ λ§Œλ“€κΈ°</caption>
    <colgroup>
        <col style="background-color: #eee;">    <!--1μ—΄ 색상-->
        <col style="width: 20px; background-color: aqua;">    <!--2μ—΄ λ„ˆλΉ„, 색상-->
        <col style="width: 100px; background-color:gold;">    <!--3μ—΄ λ„ˆλΉ„, 색상-->
        <col>    <!--아무 μŠ€νƒ€μΌλ„ μ§€μ •ν•˜μ§€ μ•ŠμŒ-->
    <tr>
        <th>1ν–‰ 1μ—΄</th>
        <th colspan="2">1ν–‰ 2μ—΄,</th>
        <th>1ν–‰ 3μ—΄</th>
    </tr>
    <tr>
        <td rowspan="2">2ν–‰ 1μ—΄</td>
        <td>2ν–‰ 2μ—΄,</td>
        <td>2ν–‰ 3μ—΄</td>
    </tr>
    <tr>
        <td></td>
        <td>3ν–‰ 2μ—΄,</td>
        <td>3ν–‰ 3μ—΄</td>
    </tr>
    </colgroup>
</table>

vvvvv.PNG

πŸ“Œ <col> 1μ—΄ λ°°κ²½ 색 νšŒμƒ‰ 2μ—΄ λ„ˆλΉ„ 20px, λ°°κ²½ 색 μ•„μΏ μ•„ 3μ—΄ λ„ˆλΉ„ 100px, λ°°κ²½ 색 κ³¨λ“œ 4μ—΄ 아무 μ§€μ • ν•˜μ§€ μ•ŠμŒ

πŸ“Œ <td rowspan=”2”> ν–‰ 2개 ν•©μ³μ„œ 2ν–‰,3ν–‰ 1μ—΄

πŸ“Œ <td colspan=”2”> μ—΄ 2개 ν•©μ³μ„œ 1ν–‰ 2μ—΄ 크기λ₯Ό 2ν–‰ 크기둜

πŸ“Œ col 은 λ„ˆλΉ„ 등을 μ§€μ •ν•˜μ§€ μ•Šλ”λΌλ„ μ‘΄μž¬ν•˜λŠ” μ—΄μ˜ 갯수 만큼 μ‚¬μš©ν•΄μ£Όμ–΄μ•Ό ν•œλ‹€. (λ§ˆμ§€λ§‰ col에 μŠ€νƒ€μΌμ΄ μ—†μŒμ—λ„ μ ν˜€μžˆλŠ” 이유)

πŸ“Œ ν‘œμ˜ ν…Œλ‘λ¦¬λŠ” CSS등을 μ΄μš©ν•˜μ—¬ ν‘œν˜„ν•œλ‹€.