HTML 巢狀結構 nested element 是什麼?

在 HTML 中,巢狀結構是指標籤的層次關係,即標籤可以包含在其他標籤內部。

巢狀結構使我們能夠組織和結構化網頁內容。

這也代表著,所有的內容都會位於起始標籤(open tag)和結束標籤(close tag)之間。

例如,以下範例展示了多層次的巢狀結構:

    <div>
        <h1>這是標題</h1>
        <p>這是一段文字,包含 <b>加粗</b> 和 <i>斜體</i>。</p>
    </div>

在這個範例中,<h1> 和 <p> 標籤都被包含在 <div> 標籤內部,而 <b> 和 <i> 標籤則被包含在 <p> 標籤內部。

寫 HTML 就很像是把所有東西都包裹起來,所有的文字都是沒有格式化的純文字,必須透過標籤來賦予其意義與格式。

撰寫 HTML 很像是圖書管理員在分類書籍,為每個純文字找到屬於他們的去處。

看完之後,好想學網頁開發!

design by freepik

原來網頁開發有這麼多好處,時至今日,網頁開發已經漸漸地變得很簡單!有越來越多免費的資源可以運行你的網站。

你只需要:

  1. 電腦端寫好網頁
  2. 打包成資料夾
  3. 丟上託管網頁,網站上線!

我開設了 “網頁設計入門” 課程,幫助你最仔細最深入的了解網頁開發的基礎。

課程中我們將會一起了解網際網路的基本邏輯,學習使用程式碼編輯軟體,並開始撰寫屬於自己的網頁。

課程中也會學習使用前端框架,幫助你更快速的設計網頁。

最後將整個網頁打包丟到網路上,在五秒之內正式上線!推到全世界~

「課程預計於 11 月份上架,趁現在追蹤課程,第一時間取得超早鳥優惠!」