html無(wú)序列表標(biāo)簽和有序列表標(biāo)簽使用示例

字號(hào):


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