久久精品2019中文字幕国语_欧美成人精品视频在线观看_台湾自拍偷区亚洲综合网_老色鬼在线精品视频在线播放

云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

在線qq:540105663

html進(jìn)階:使用html中的列表項(xiàng)li

來(lái)源:昆明多彩網(wǎng)絡(luò)公司 日期:2010-12-13 閱讀: 發(fā)表評(píng)論

怎么使用html中的列表項(xiàng)li標(biāo)簽?

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

首先,我們需要有一個(gè)開始的標(biāo)記和結(jié)束的標(biāo)簽組成整個(gè)列表。對(duì)于初學(xué)者來(lái)說(shuō),一開始最好使用一個(gè)無(wú)序列表,創(chuàng)建一個(gè)具有一些符號(hào)開頭的列表項(xiàng)目,整個(gè)列表的開始標(biāo)記是<ul>,那么結(jié)束標(biāo)記是什么呢?...沒(méi)錯(cuò),你猜對(duì)了... </ ul>。

現(xiàn)在,來(lái)展示列表的每個(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ì)顯示

列表會(huì)縮進(jìn)一些距離,借此來(lái)告訴瀏覽者他們是一個(gè)列表項(xiàng)。

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

類型 說(shuō)明
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ù)字:

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

還可以在li中使用羅馬數(shù)字:

<ol type="I">

<li>網(wǎng)站建設(shè)之羅馬數(shù)字 I</li>

<li>網(wǎng)站建設(shè)之羅馬數(shù)字 II</li>

</ol> 

  1. 網(wǎng)站建設(shè)之羅馬數(shù)字 I
  2. 網(wǎng)站建設(shè)之羅馬數(shù)字 II

好了,這就是li列表標(biāo)簽,下面我們來(lái)學(xué)習(xí)><body>標(biāo)簽屬性。

發(fā)表評(píng)論評(píng)論列表(有 條評(píng)論)