點(diǎn)評:這篇文章主要介紹了html無序列表標(biāo)簽和有序列表標(biāo)簽使用示例,需要的朋友可以參考下
一、上下層列表標(biāo)簽:<dl>..</dl>:
上層dt
下層dd:封裝的內(nèi)容會被自動縮進(jìn)的效果
代碼如下:
<dl>
<dt>運(yùn)動戶外</dt>
<dd>板鞋</dd>
<dd>籃球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>
二、定義有序列表: <ol>
屬性:
type: 可以設(shè)置排序的樣式 (也可以給li單獨(dú)加這個(gè)屬性)
1表示以 1,2,3,4 來表示
a 表示以 a,b,c,d 來表示
a 表示以 a,b,c,d 來表示
i 表示以 i,ii ,iii 來表示
i 表示以 i,ii,iii來表示
start:列表起點(diǎn)
<li>:列表內(nèi)容
復(fù)制代碼代碼如下:
<ol type=a start=55>
<li>板鞋</li>
<li>籃球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ol>
三、定義無序列表:<ul>
屬性:type:可以設(shè)置排序的樣式 也可以給li單獨(dú)加這個(gè)屬性
dise 實(shí)心圓(默認(rèn)值)
circle 空心圓
square 實(shí)心方塊
<li>:列表內(nèi)容
代碼如下:
<ul type=square>
<li type=disc>板鞋</li>
<li>籃球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ul>