HTML 基本結構：doctype、head、body
HTML 是一種「標記語言」，它透過「標籤 (tag)」來告訴瀏覽器這段文字的角色。

常見標籤

<h1> ~ <h6>：標題，<h1> 最重要，<h6> 最小。

<p>：段落文字。

<a>：超連結。

<img>：圖片。

例如：

<h1>Sunny 的前端學習日記</h1>
<p>今天是第二天，我要學 HTML！</p>
<a href="https://ithelp.ithome.com.tw">IT邦幫忙</a>
<img src="https://picsum.photos/200" alt="隨機圖片">

瀏覽器會依據這些標籤，決定怎麼呈現內容。

HTML 的階層結構

HTML 其實像一棵「樹」，每個標籤都可以包含子元素。
例如：

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

這是一個無序清單，<ul> 是「清單容器」，裡面包含多個 <li>（清單項目）。
瀏覽器會顯示為一個圓點符號的清單。

🔹小練習

做一個「我的興趣清單」：

<h2>Sunny 的興趣</h2>
<ul>
  <li>跳舞</li>
  <li>聽音樂</li>
  <li>寫程式</li>
</ul>

透過這樣的方式，我們開始用 HTML 來描述「資訊的結構」。