Html 教程 （9）列表
生活随笔
收集整理的這篇文章主要介紹了
Html 教程 （9）列表
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 分為有序<ol>、無序<ul>和自定義列表<dl>。
1. 1 無序列表
<ul> <li>Coffee</li> <li>Milk</li> </ul>瀏覽器顯示如下：
Coffee
Milk
1. 2 自定義列表：
<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
2. 列表標簽
ul: unordered lists無序列表
li: list item列表項目
ol: ordered lists有序列表
dl: definition lists自定義列表
dt: definition term自定義列表組
dd: definition description自定義列表描述
nl: navigation lists導航列表
tr: table row表格中的一行
th: table header cell 表格中的表頭
td: table data cell 表格中的一個單元格
3. eg.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body><h1>My 列表</h1><table border="2" cellpadding="30"><tr><td><ul><li>Food</li><ol><li>薯片</li><li>棒棒糖</li><li>果凍</li><li>巧克力</li><li>辣條</li></ol><li>Fruits</li><ol type="A"><li>西瓜</li><li>桔子</li><li>哈蜜瓜</li><li>草莓</li><li>葡萄</li><li>香蕉</li><li>蘋果</li></ol><li>Meat</li><ol type="I"><li>羊肉</li><li>牛肉</li><li>豬肉</li><li>雞肉</li><li>涮羊肉</li><li>生魚片</li></ol></ul></td></tr></table> </body> </html>總結
以上是生活随笔為你收集整理的Html 教程 （9）列表的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Html 教程 （10）分组标签div
- 下一篇： Hyperledger Fabric 链