<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>
π <col> 1μ΄ λ°°κ²½ μ νμ 2μ΄ λλΉ 20px, λ°°κ²½ μ μμΏ μ 3μ΄ λλΉ 100px, λ°°κ²½ μ 골λ 4μ΄ μ무 μ§μ νμ§ μμ
π <td rowspan=β2β> ν 2κ° ν©μ³μ 2ν,3ν 1μ΄
π <td colspan=β2β> μ΄ 2κ° ν©μ³μ 1ν 2μ΄ ν¬κΈ°λ₯Ό 2ν ν¬κΈ°λ‘
π col μ λλΉ λ±μ μ§μ νμ§ μλλΌλ μ‘΄μ¬νλ μ΄μ κ°―μ λ§νΌ μ¬μ©ν΄μ£Όμ΄μΌ νλ€. (λ§μ§λ§ colμ μ€νμΌμ΄ μμμλ μ νμλ μ΄μ )
π νμ ν λ리λ CSSλ±μ μ΄μ©νμ¬ νννλ€.