位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

HTML 列表標(biāo)記

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-10-10

1無(wú)序列表

無(wú)序列表中每一個(gè)表項(xiàng)的前面是項(xiàng)目符號(hào)（如■ 、 ● 等）。

建立無(wú)序列表使用<UL>標(biāo)記和<LI>表項(xiàng)標(biāo)記。格式為：

<UL  type=符號(hào)類(lèi)型>

        <LI  type=符號(hào)類(lèi)型> 第一個(gè)列表項(xiàng)

        <LI  type=符號(hào)類(lèi)型> 第二個(gè)列表項(xiàng)

                        ……

                        ……

</UL>

<LI>標(biāo)記：是單標(biāo)記，即一個(gè)表項(xiàng)的開(kāi)始，就是前一個(gè)表

項(xiàng)的結(jié)束。

Type： 指定每個(gè)表項(xiàng)左端的符號(hào)類(lèi)型，可為

disc（實(shí)心圓點(diǎn)●）、

circle（空心圓點(diǎn)○）、

square（方塊□），

還可以自己設(shè)置圖片，

        如<LI img src=mygraph.gif>默認(rèn)為實(shí)心圓點(diǎn)。

<HTML>

<HEAD>

  <TITLE>無(wú)序列表標(biāo)記的使用</TITLE>

</HEAD>

<BODY>

  <FONT  size=4>網(wǎng)絡(luò)的拓?fù)浣Y(jié)構(gòu)</FONT>

  <UL>

<LI>總線結(jié)構(gòu)

<LI type="circle">星型結(jié)構(gòu)

<LI type="square">環(huán)型結(jié)構(gòu)

</UL>

</BODY>

</HTML>


2  有序列表

 使用<OL>標(biāo)記可以建立有序列表，表項(xiàng)的標(biāo)記仍為L(zhǎng)I，格式為：

  <OL  type=符號(hào)類(lèi)型>

           <LI type=符號(hào)類(lèi)型>第一個(gè)表項(xiàng)

           <LI type=符號(hào)類(lèi)型>第二個(gè)表項(xiàng)

                         ……

                         ……

  </OL>

type屬性可設(shè)定5種序號(hào)：

數(shù)字（type=1）、

大寫(xiě)英文字母（type=A）、

小寫(xiě)英文字母（type=a）、

大寫(xiě)羅馬字母（type=I）、

小寫(xiě)羅馬字母（type=i），

缺省的序號(hào)標(biāo)記是數(shù)字。

<HTML>

<HEAD>

  <TITLE>有序列表標(biāo)記的使用</TITLE>

</HEAD>

<BODY>

通過(guò)撥號(hào)網(wǎng)絡(luò)連接Internet的步驟

<OL>

<LI>安裝調(diào)制解調(diào)器

<LI>創(chuàng)建撥號(hào)連接

<LI type="A">設(shè)置撥號(hào)網(wǎng)絡(luò)

<LI type="i">設(shè)置撥號(hào)網(wǎng)絡(luò)

</OL>

</BODY>

</HTML>


3  列表的嵌套 

列表嵌套可以把網(wǎng)頁(yè)分為多個(gè)層次，例如書(shū)的目錄，給人以

很強(qiáng)的層次感。有序列表和無(wú)序列表不僅可以自身嵌套，而

且可以互相嵌套。

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部