今天要更深入地探索 HTML 標籤的世界。如果說 HTML 是網頁的骨架，那這些標籤就是構成骨架的每一根柱子。我要學習如何運用它們，讓網頁內容更具結構和意義。
介紹幾個超常用的標籤：
標題標籤 <h1>~<h6>：昨天用過了<h1>，它代表網頁最重要的標題。想像一下新聞標題，就是這個概念。
段落標籤 <p>：用來放文字段落，瀏覽器會自動為它加上一些空白，讓閱讀更舒適。
超連結標籤 <a>：這是網頁之所以為「網」的核心。<a href="網址">連結文字</a>，透過 href 屬性，我們可以指定連結要前往的網頁。
圖片標籤 <img>：讓網頁活起來的關鍵！<img src="圖片路徑" alt="圖片描述">，src 屬性用來指定圖片檔案的位置，而 alt 屬性則是在圖片無法顯示時，顯示的替代文字，對 SEO 也很重要。
今天，我來為自己寫一個簡單的個人簡介頁面，使用這些標籤。
HTML
<body>
<h1>小包</h1>
<img src="https://picsum.photos/300/300" alt="小包的頭像" />
<p>嗨，我是小包，一個熱愛網頁設計的學生。我喜歡追劇、聽音樂和寫程式。我希望透過這個 30 天挑戰，能讓自己成為一個更好的網頁開發者。</p>
<p>你可以透過 <a href="https://github.com/pao-chi-hao">我的 GitHub</a> 找到我。</p>
</body>
這個頁面已經有了標題、圖片和連結，看起來更有內容了！明天學習如何讓資訊更有條理。
執行成果 :
iThome鐵人賽
看影片追技術