當前位置：首頁 >

024_html列表

發布時間：2025/4/17 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 024_html列表小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. html支持有序、無序和定義列表

2. 列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

3. 無序列表

3.1. <ul>標簽定義無序列表。

3.2. <li>標簽定義列表項目。

3.3. <li>標簽可用在有序列表(<ol>)和無序列表(<ul>)中。

3.4. 無序列表始于<ul>標簽。每個列表項始于<li>。

3.5.?可能的屬性

3.6. 例子

3.6.1. 代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>無序列表</title> </head><body><h4>Disc項目符號列表:</h4><ul type="disc"><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ul> <h4>Circle項目符號列表:</h4><ul type="circle"><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ul> <h4>Square項目符號列表:</h4><ul type="square"><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ul> </body> </html>

3.6.2. 效果圖

4. 有序列表

4.1. <ol>標簽定義有序列表。

4.2. 有序列表始于<ol>標簽。每個列表項始于<li>標簽。

4.3. 可能的屬性

4.4. 例子

4.4.1. 代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>有序列表</title></head><body><h4>數字列表:</h4><ol><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ol> <h4>字母列表:</h4><ol type="A"><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ol> <h4>小寫字母列表:</h4><ol type="a"><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ol> <h4>羅馬字母列表:</h4><ol type="I"><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ol> <h4>小寫羅馬字母列表:</h4><ol type="i"><li>蘋果</li><li>香蕉</li><li>檸檬</li><li>桔子</li></ol> </body> </html>

4.4.2. 效果圖

5. 定義列表

5.1. <dl>標簽定義了定義列表。

5.2. <dt>標簽定義了定義列表中的項目(即術語部分)。

5.3. <dd>在定義列表中定義條目的定義部分。

5.4. 例子

5.4.1. 代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>定義列表</title></head><body><h2>一個定義列表:</h2><dl><dt>計算機</dt><dd>用來計算的儀器 ... ...</dd><dt>顯示器</dt><dd>以視覺方式顯示信息的裝置 ... ...</dd></dl></body> </html>

5.4.2. 效果圖

總結

以上是生活随笔為你收集整理的024_html列表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

列表
_HTML