html進階:使用html中的列表項li
來源:昆明多彩網絡公司 日期:2010-12-13 閱讀: 發表評論
你一直想添加列表到網頁中去?嗯,這里介紹一些怎么樣將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
同樣的,如果你想使用阿拉伯數字:
- Item 1
- Item 2
- Item 3
還可以在li中使用羅馬數字:
<ol type="I">
<li>網站建設之羅馬數字 I</li>
<li>網站建設之羅馬數字 II</li>
</ol>
好了,這就是li列表標簽,下面我們來學習><body>標簽屬性。
發表評論評論列表(有 條評論)