html項目列表
有序列表,無序列表,定義列表說明
<ol>
與<li>
表示一組有順序列表標籤又稱 (Ordered List)且兩個都是雙標記<ol>
標籤本身也支援 type 屬性,可以改變編號樣式,例如 type="A" 會變成大寫字母、type="i" 則是小寫羅馬數字。HTML5 還新增了 reversed 布林屬性,可以讓編號倒著數
<ol>
<li>冰淇淋</li>
<li>蛋糕</li>
<li>水果</li>
</ol>
如果不想要從1開始的話那可以在li加上value屬性~
<ol>
<li value=5>冰淇淋</li>
<li>蛋糕</li>
<li>水果</li>
</ol>
<ul>
與<li>
用項目符號來表示,通常用於不強調順序的條列內容
雖然現在多半建議使用 CSS 的 list-style-type 屬性來客製化項目符號,但在 HTML 中,<ul>
標籤也支援 type 屬性,可以設定為 disc (實心圓點)、circle (空心圓)、square (實心方塊)
<ul>
<li>項目一</li>
<li>項目二</li>
<li>項目三</li>
</ul>
還有一種較少見但非常實用的列表,專門用來呈現「名詞」與其「解釋」的對應關係,就像字典一樣。
它由三個標籤組成:<dl>
(Definition Lists): 為列表容器且被定義列表開始和結束。<dt>
(Definition Term): 要定義的項目主題。<dd>
(Definition Description): 對該主題的「描述」。
<dl>
<dt>HTML</dt>
<dd>用來建立網頁結構的標記語言。</dd>
<dt>CSS</dt>
<dd>用來設計網頁樣式,如顏色、字體和排版。</dd>
</dl>
HTML
用來建立網頁結構的標記語言。
CSS
用來設計網頁樣式,如顏色、字體和排版