html塊級元素

蜡笔小新Belief發表於2024-09-04
HTML

HTML
標籤

標籤定義及使用說明

標籤定義 HTML 文件中的一個分隔區塊或者一個區域部分。
標籤常用於組合塊級元素，以便透過 CSS 來對這些元素進行格式化。

提示和註釋

提示：

元素經常與 CSS 一起使用，用來佈局網頁。

註釋：預設情況下，瀏覽器通常會在

元素前後放置一個換行符。然而，您可以透過使用 CSS 改變這種情況。

作用

div 標籤可以用來劃分 HTML 結構，從而配合 CSS 來整體控制某一塊的樣式。
div 標籤是塊級元素，它可用做組合其它 HTML 元素的容器。
div 標籤可以用作嚴格的組織工具，如果用 id 或 class 來標記 div 標籤，則 div 標籤的作用會更加完美。

HTML

標籤

標籤定義及使用說明

標籤定義段落。

元素會自動在其前後建立一些空白。瀏覽器會自動新增這些空間，您也可以在樣式表中規定。

HTML h1-h6 標籤

顯示標題並且依次減小

HTML 列表

HTML 支援有序、無序和定義列表:

HTML無序列表

無序列表是一個專案的列表，此列專案使用粗體圓點（典型的小黑圓圈）進行標記。

無序列表使用

    標籤

    <ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

    瀏覽器顯示如下

    • Coffee
    • Milk

    HTML 有序列表

    同樣，有序列表也是一列專案，列表專案使用數字進行標記。 有序列表始於

      標籤。每個列表項始於
    1. 標籤。

      列表項使用數字來標記。

      <ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

      瀏覽器中顯示如下：

      1. Coffee
      2. Milk

      HTML 自定義列表

      自定義列表不僅僅是一列專案，而是專案及其註釋的組合。

      自定義列表以

      標籤開始。每個自定義列表項以
      開始。每個自定義列表項的定義以
      開始。

      <dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

      瀏覽器顯示如下：

      • Coffee

        • black hot drink

      • Milk

        • white cold drink

相關文章