[ HTML 기초] HTML 기초_시맨틱 태그

💡 시맨틱 태그

---

💡 기본 태그 정리

1️⃣ 목록 태그들

• 순서 있는 목록

    <ul>
        <ol type="A" start="5">항목1</ol>
        <ol>항목2</ol>
    </ul>

• 순서 없는 목록

    <ul>
        <li>항목1</li>
        <li>항목2</li>
    </ul>

• 설명 목록

    <dl>
        <dt>이름</dt>
        <dd>값</dd>
    </dl>

---

2️⃣ 표 만들기

<table>
  <tr>
    <th>Person 1</th>
    <th>Person 2</th>
    <th>Person 3</th>
  </tr>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
  <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
  </tr>
</table>

<td colspan="2">Sum: $180</td> -> 열 합칩
<td rowspan="2">$50</td> -> 행 합침

위 사진은 열을 합친 후의 모습

---

3️⃣ 이미지 삽입

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">