HTML————12、HTML列表
HTML 支援有序、無序和定義列表:
有序列表
|
無序列表
|
HTML無序列表
無序列表是一個專案的列表,此列專案使用粗體圓點(典型的小黑圓圈)進行標記。
無序列表使用 <ul> 標籤
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
瀏覽器顯示如下:
- Coffee
- Milk
HTML 有序列表
同樣,有序列表也是一列專案,列表專案使用數字進行標記。 有序列表始於 <ol> 標籤。每個列表項始於 <li> 標籤。
列表項使用數字來標記。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
瀏覽器中顯示如下:
- Coffee
- Milk
HTML 自定義列表
自定義列表不僅僅是一列專案,而是專案及其註釋的組合。
自定義列表以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。
<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
注意事項 - 有用提示
提示: 列表項內部可以使用段落、換行符、圖片、連結以及其他列表等等。
HTML 列表標籤
標籤 | 描述 |
---|---|
<ol> | 定義有序列表 |
<ul> | 定義無序列表 |
<li> | 定義列表項 |
<dl> | 定義列表 |
<dt> | 自定義列表專案 |
<dd> | 定義自定列表項的描述 |
相關文章
- HTML列表HTML
- HTML速查列表HTML
- HTML之列表HTML
- HTML 列表簡介HTML
- html列表標籤HTML
- html定義列表HTML
- HTML <ol> 有序列表HTML
- HTML datalist 選項列表HTML
- HTML <datalist> 選項列表HTML
- HTML <ul> 無序列表HTML
- HTML 速查列表簡介HTML
- HTML列表是什麼?HTML
- HTML的ul無序列表HTML
- HTML5 標籤列表HTML
- 【HTML】02有序無序列表HTML
- 常用HTML標籤2:表格和列表HTML
- HTML標記語法之列表元素HTML
- 1.3 常用HTML標籤2:表格和列表HTML
- HTML5中有序列表和無序列表的寫法HTML
- HTML——① HTML 基礎HTML
- HTML————9、HTML CSSHTMLCSS
- HTML————10、HTML 影像HTML
- HTML————11、HTML 表格HTML
- HTML————3、HTML元素HTML
- HTML————6、HTML 段落HTML
- html-html簡介HTML
- HTML————7、HTML 連結HTML
- HTML————8、HTML 頭部HTML
- HTML————13、HTML區塊HTML
- HTML————14、HTML 佈局HTML
- HTML————15、HTML 表單HTML
- HTML————1、HTML簡介HTML
- HTMl————2、HTML基礎HTML
- HTML————4、HTML屬性HTML
- HTML————5、HTML 標題HTML
- HTML歷理 HTML模板HTML
- HTMLHTML
- html裡列表滑動刪除的實現如此簡單HTML