div 和 section 兩個有什麼差別呢？

總結而言，標籤是一個通用的區塊容器，用於組織網頁內容，而標籤則具有更具體的語義，用於表示獨立的範圍或區塊。在結構化和語義化的HTML中，我們應根據內容的性質和組織方式選擇使用哪個標籤，以便更好地描述和理解網頁的內容。

語法如下：

<div></div>

❏ 認識 class 屬性

class 屬性的值是通常是由開發者自行定義的，可以是單詞、數字、連字符、下底線。而透過 class 屬性，我們可以將相同類型的元素進行分組和命名，之後就可以使用 CSS 進行統一的樣式設定，讓開發可以更方便的者對特定元素進行樣式上的調整和控制。

總結來說， 標籤的 class 屬性用於為幫助元素分類，以便 CSS 對該元素進行樣式設定，透過class 屬性的運用，可以一次性地對它們做出變化，我們可以更靈活地控制和設計網頁的外觀和行為。

舉個例來說：

<div class="top">內容</div>


<div class="down">內容</div>

這段程式碼用到了 class 屬性，透過 class 屬性的關係，我們可以對這兩個元素進行分類。在這個例子中，我們將第一個元素分類為"top"，將第二個 元素分類為"down"。這樣的分類有助於識別和區分不同的元素，同時也方便我們在 CSS 中對它們進行樣式設定或 JavaScript 中對它們進行操作，因此我們可以在CSS中選擇改變整個 top 類別裡的樣式，而不會修改到別的 div 的 down 類別。

如果今天要使用 class 的話，有些注意事項必須留意：

1. 不要用數字來命名 class。
2. class 的大小寫非常敏感，建議統一使用一種大小寫，否則不同的大小寫會產生不同的效果（這稱為 case sensitive）。
3. 不同的元素可以共用同一個 class。

例如，下面的程式碼可以讓 h2 和 p 標籤共用同一個樣式：

<h2 class="city">Japan</h2>
<p class="city">Japan has lots of sushi</p>

如果需要在 元素中放置圖片，可以使用 標籤形成巢狀結構，以下是一個例子，將一個 元素放
置在 元素中，當然在這個區塊放入 標籤又或是 等清單標籤。

<div>
  <img src="image.jpg" alt="My Image">
</div>

在這個例子中， 元素包含了一個 src 屬性，指定了圖片文件的路徑，以及一個 alt 屬性，用於提供對圖片的文字描述。