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

字號:


    點評:這篇文章主要介紹了html無序列表標簽和有序列表標簽使用示例,需要的朋友可以參考下
    一、上下層列表標簽:<dl>..</dl>:
    上層dt
    下層dd:封裝的內容會被自動縮進的效果
    代碼如下:
    <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>:列表內容
    復制代碼代碼如下:
    <ol type="a" start="55">
    <li>板鞋</li>
    <li>籃球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ol>
    三、定義無序列表:<ul>
    屬性:type:可以設置排序的樣式 也可以給li單獨加這個屬性
    dise 實心圓(默認值)
    circle 空心圓
    square 實心方塊
    <li>:列表內容
    代碼如下:
    <ul type="square">
    <li type="disc">板鞋</li>
    <li>籃球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ul>