目錄
- 🍧無序列表
- 🍧有序列表
- 🍧 定義列表
- 🍧 菜單列表
🍧無序列表
ul+li的組合,ul標簽與li標簽之間盡量不要寫標簽或內容
列表可以嵌套多層
type屬性,可以指定序號的類型
可選值:默認值,使用阿拉伯數字a/A 采用小寫或大寫字母作為序號i/I 采用小寫或大寫的羅馬數字作為序號
<ul>這是ul和li之間<li>無序列表,第1個列表項</li><li>無序列表,第2個列表項</li><li>無序列表,第3個列表項</li><li>無序列表,第4個列表項</li>
</ul>
;
🍧有序列表
ol+li的組合,ol標簽與li標簽之間盡量不要寫標簽或內容
列表可以嵌套多層
type屬性可以修改無序列表的項目符號
屬性 | 符號 |
---|---|
disc | 默認值,實心的圓點 |
square | 實心的方塊 |
circle | 空心的圓 |
<ol>這是ol與li之間<li>無序列表、第1個列表項</li><li>無序列表、第2個列表項</li><li>無序列表、第3個列表項</li><li>無序列表、第4個列表項</li></ol>
;
🍧 定義列表
定義列表的每一個定義項是由dt(Define Title)與dd(Define Description)組成。
dl:定義列表標簽
dt:表示定義項0的標題
dd:表示對上一個dt中的標題內容進行描述或補充說明
<dl><dt>趙本山</dt><dd>春晚常駐選手,國內一線大品牌</dd><dd>鄉村愛情故事,二人轉,小品</dd></dl>
;
🍧 菜單列表
菜單列表是HTML版本中新增的列表標簽,
實際上就是ul標簽(無序列表)
<!-- 菜單列表是HTML版本中新增的列表標簽,實際上就是ul標簽(無序列表) --><menu><li>首頁</li><li>商品</li><li>專題</li><li>用戶</li><li>版權</li></menu>
最后,幾種列表標簽中最常用的只有ul,當然也有新版本的menu標簽。其他的2種標簽(ol與dl),基本不使用。
:
OK,以上就是關于HTML常見的列表標簽的常見內容啦!