補充：<DIV>

在 HTML 中，<div> 標籤是用來定義網頁中的區塊或分區的。它沒有特定的語義意義，主要作為一個容器，可以用來組織其他 HTML 元素，並應用 CSS 樣式或 JavaScript 行為。這樣可以更好地控制頁面布局和樣式。

以下是使用 <div> 的幾個常見方式：

用途 說明
佈局控制 將網頁劃分為不同區塊，便於使用 CSS 控制各個部分的布局，例如頭部、內容、側邊欄、尾部等。
風格應用 為特定區塊應用 CSS 樣式，讓不同區塊有不同的外觀。
JavaScript 行為 可以使用 JavaScript 選擇並操作特定的 <div> 區塊，實現動態效果。
響應式設計 通過嵌套 <div> 結構，配合 CSS 實現響應式設計，讓網站在不同設備上都有良好的顯示效果。

簡單範例：

<div class="header">
    <h1>網站標題</h1>
</div>
<div class="content">
    <p>這是主內容區域。</p>
</div>
<div class="footer">
    <p>版權所有 © 2024</p>
</div>

在這個範例中，<div> 標籤將網站劃分為三個主要區塊：頭部、內容和尾部，每個區塊都可以使用不同的 CSS 樣式進行控制。

注意事項：

  1. 以百分比更改比例時，優先以寬定，使用高可能會失效。
  2. 在使用%縮放比時，會以母區塊/上一個區塊當作參照物。
  3. 你可以用嵌套(父子元素)的方式來設定任何元素/STYLE

Untitled

此途中，父元素是綠色圖示，子元素為<img>

此途中，父元素是綠色圖示，子元素為<img>

補充：父子元素

在 HTML 中，父元素和子元素的概念是基於元素之間的層級關係而定的。這種層級關係通常被稱為「嵌套」，也就是一個元素位於另一個元素內部。

父元素與子元素