html無序列表標簽和有序列表標簽使用示例

字號:


    一、上下層列表標簽:<dl>..</dl>:
    上層dt
    下層dd:封裝的內(nèi)容會被自動縮進的效果
    代碼如下:
    <dl>
    <dt>運動戶外</dt>
    <dd>板鞋</dd>
    <dd>籃球鞋</dd>
    <dd>足球鞋</dd>
    <dd>跑步鞋</dd>
    </dl>
    二、定義有序列表: <ol>
    屬性:
    type: 可以設置排序的樣式 (也可以給li單獨加這個屬性)
    1表示以 1,2,3,4 來表示
    a 表示以 a,b,c,d 來表示
    a 表示以 a,b,c,d 來表示
    i 表示以 i,ii ,iii 來表示
    i 表示以 i,ii,iii來表示
    start:列表起點
    <li>:列表內(nèi)容
    代碼如下:
    <ol type=a start=55>
    <li>板鞋</li>
    <li>籃球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ol>
    三、定義無序列表:<ul>
    屬性:type:可以設置排序的樣式 也可以給li單獨加這個屬性
    dise 實心圓(默認值)
    circle 空心圓
    square 實心方塊
    <li>:列表內(nèi)容
    代碼如下:
    <ul type=square>
    <li type=disc>板鞋</li>
    <li>籃球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ul>