本篇將會介紹div標籤以及html屬性，由於之後的程式碼當中會大量出現div這個標籤，但因為著重於功能的實現，所以只會大略介紹div的功能，不會對於其用法有過多的探究。
div
div代表一個區塊級的容器，通常用來組織和布局網頁，但標籤本身並沒有其實際的意義，所以會需要用到屬性來搭配使用，由於div的使用廣泛以及多樣化，所以可以去上網學習使用方法。
屬性
前些篇章有講到一些標籤的功能，例如:img 、a、form等，今天這篇來講講屬性，屬性是為了給標籤提供更多資訊，例如:

<a href="https://www.youtube.com/"></a>

下列程式碼當中"herf"就是給a標籤更多的資訊，a本身是超連結標籤，而herf則是這個超連結要連到哪邊去，又例如:

<img src="image.jpg" alt="A image not found">

在這段程式碼當中，用於指定圖片為位置，alt表示如果圖片無法顯示就會顯示這段文字。
以下整理標籤羽其對應的常用屬性:
img(圖片標籤)
src：圖片來源路徑。
alt：圖片無法加載時顯示的替代文字。
width / height：圖片的寬度和高度。

<img src="image.jpg" alt="Sample Image" width="300" height="200">

a(超連結)
href：目標網址
target：指定鏈接的打開方式，如底線+blank（新視窗打開）
title：鼠標懸停時顯示的提示文字

<a href="https://www.example.com" target="_blank" title="Go to Example">Visit Example</a>

form(表單標籤)
action：提交表單的目標 URL。
method：表單提交方法（GET 或 POST）。

<form action="/submit" method="POST">
 <label for="name">Name:</label>
 <input type="text" id="name" name="name">
 <button type="submit">Submit</button>
</form>

input(輸入框)
type：定義輸入框的類型，如 text、password、email、submit 等。
name：表單數據的名稱。
value：預設值或按鈕上的提示文字。
placeholder：提示文字，顯示在輸入框內。
required：強制要求填寫。

<input type="text" name="username" placeholder="Enter your username" required>

button屬性
type:決定了按鈕的行為例如:submit表單提交按鈕的默認行為、type="button"時觸發自定義的行為、reset觸發表單重製
onclick:屬性用來定義當按鈕被點擊時應該觸發的程式碼或函數。

總結:屬性是在html中常用於決定標籤的功能是否能達成的重要依據，尤其在於資料的傳遞，如過不懂屬性的作用，那麼網頁將會只是一個沒有實際作用的空殼，因此屬性的設置非常重要。