html進(jìn)階：使用html中的列表項(xiàng)li
來源：昆明多彩網(wǎng)絡(luò)公司 日期：2010-12-13 閱讀： 發(fā)表評(píng)論
你一直想添加列表到網(wǎng)頁(yè)中去？嗯，這里介紹一些怎么樣將li添加到網(wǎng)頁(yè)中去的教程。
首先，我們需要有一個(gè)開始的標(biāo)記和結(jié)束的標(biāo)簽組成整個(gè)列表。對(duì)于初學(xué)者來說，一開始最好使用一個(gè)無序列表，創(chuàng)建一個(gè)具有一些符號(hào)開頭的列表項(xiàng)目，整個(gè)列表的開始標(biāo)記是<ul>，那么結(jié)束標(biāo)記是什么呢？...沒錯(cuò)，你猜對(duì)了... </ ul>。
現(xiàn)在，來展示列表的每個(gè)項(xiàng)目，可以使用<li>標(biāo)簽，后面是需要呈現(xiàn)的列表內(nèi)容</li>，這樣可以做制作標(biāo)簽每個(gè)列表項(xiàng)。這里是一個(gè)有兩個(gè)列表項(xiàng)的示例列表：
<ul>
<li>我是第一個(gè)網(wǎng)站建設(shè)列表項(xiàng)</li>
<li>我是第二個(gè)網(wǎng)站制作列表項(xiàng)</li>
</ul>
這個(gè)時(shí)候會(huì)顯示
- 我是第一個(gè)網(wǎng)站建設(shè)列表項(xiàng)
- 我是的二個(gè)網(wǎng)站制作列表項(xiàng)
列表會(huì)縮進(jìn)一些距離，借此來告訴瀏覽者他們是一個(gè)列表項(xiàng)。
同時(shí)列表<li>之前的圓點(diǎn)是可以自由定義的，下面列出了幾種類型。
| 類型 | 說明 |
| disc | 實(shí)心圓 |
| circle | 空心圓 |
| square | 實(shí)心方塊 |
| decimal | 阿拉伯?dāng)?shù)字 |
如果你想在列表前面使用方塊標(biāo)記，可以像這樣使用：
<ul type="square">
<li>Square 1</li>
<li>Square 2</li>
</ul>
他們效果會(huì)是這樣：
- Square 1
- Square 2
同樣的，如果你想使用阿拉伯?dāng)?shù)字：
- Item 1
- Item 2
- Item 3
還可以在li中使用羅馬數(shù)字：
<ol type="I">
<li>網(wǎng)站建設(shè)之羅馬數(shù)字 I</li>
<li>網(wǎng)站建設(shè)之羅馬數(shù)字 II</li>
</ol>
- 網(wǎng)站建設(shè)之羅馬數(shù)字 I
- 網(wǎng)站建設(shè)之羅馬數(shù)字 II
好了，這就是li列表標(biāo)簽，下面我們來學(xué)習(xí)><body>標(biāo)簽屬性。
發(fā)表評(píng)論評(píng)論列表（有 條評(píng)論）