<code id="pndtx"></code>
<acronym id="pndtx"></acronym>
  • <td id="pndtx"><ruby id="pndtx"></ruby></td>

    <output id="pndtx"></output>

    云南網站建設創新企業 昆明多彩網絡公司

    在線qq:540105663

    html進階:使用html中的列表項li

    來源:昆明多彩網絡公司 日期:2010-12-13 閱讀: 發表評論

    怎么使用html中的列表項li標簽?

    你一直想添加列表到網頁中去?嗯,這里介紹一些怎么樣將li添加到網頁中去的教程。

    首先,我們需要有一個開始的標記和結束的標簽組成整個列表。對于初學者來說,一開始最好使用一個無序列表,創建一個具有一些符號開頭的列表項目,整個列表的開始標記是<ul>,那么結束標記是什么呢?...沒錯,你猜對了... </ ul>。

    現在,來展示列表的每個項目,可以使用<li>標簽,后面是需要呈現的列表內容</li>,這樣可以做制作標簽每個列表項。這里是一個有兩個列表項的示例列表:

    <ul>

    <li>我是第一個網站建設列表項</li>

    <li>我是第二個網站制作列表項</li>

    </ul>

    這個時候會顯示

    列表會縮進一些距離,借此來告訴瀏覽者他們是一個列表項。

    同時列表<li>之前的圓點是可以自由定義的,下面列出了幾種類型。

    類型 說明
    disc 實心圓
    circle 空心圓
    square 實心方塊
    decimal 阿拉伯數字

    如果你想在列表前面使用方塊標記,可以像這樣使用:

    <ul type="square">

    <li>Square 1</li>

    <li>Square 2</li>

    </ul>

    他們效果會是這樣: 

    • Square 1
    • Square 2

      同樣的,如果你想使用阿拉伯數字:

    1. Item 1
    2. Item 2
    3. Item 3

    還可以在li中使用羅馬數字:

    <ol type="I">

    <li>網站建設之羅馬數字 I</li>

    <li>網站建設之羅馬數字 II</li>

    </ol> 

    1. 網站建設之羅馬數字 I
    2. 網站建設之羅馬數字 II

    好了,這就是li列表標簽,下面我們來學習><body>標簽屬性。

    發表評論評論列表(有 條評論)

    69xx无码在线观看,中文字幕在线高清男人的天堂,国产最新进精品视频,人成视频永久免费播放
    <code id="pndtx"></code>
    <acronym id="pndtx"></acronym>
  • <td id="pndtx"><ruby id="pndtx"></ruby></td>

    <output id="pndtx"></output>