【網(wǎng)站開發(fā)網(wǎng)站制作】
列表分為無序列表和有序列表：帶序號(hào)標(biāo)志（如數(shù)字、字母等）的表項(xiàng)組成有序列表，否則為無序列表。
4.9.1 無序列表標(biāo)簽<ul><li> - - - </ul>
無序列表中每個(gè)表項(xiàng)的前面都是項(xiàng)目符號(hào)（如●、■等符號(hào)）。建立無序列表可使用<ul>標(biāo)簽和<li>表項(xiàng)標(biāo)簽，格式為：
<ul type=”符號(hào)類型”>
<li type=”符號(hào)類型1”>第一個(gè)列表項(xiàng)
<li type=”符號(hào)類型2”>第二個(gè)列表項(xiàng)
</ul>
值得注意的是，<li>標(biāo)簽是單標(biāo)簽，即一個(gè)表項(xiàng)的開始，就是前一個(gè)表項(xiàng)的結(jié)束。
從瀏覽器中看，無序列表的特點(diǎn)是，列表項(xiàng)目作為一個(gè)整體，與上、下文本段間各有一行空白；表項(xiàng)向右縮進(jìn)并左對(duì)齊，每行前面有項(xiàng)目符號(hào)。
type屬性指定每個(gè)表項(xiàng)左端的符號(hào)類型，可取值為disc（實(shí)心圓點(diǎn)）、circle（空心圓點(diǎn)）、square（方塊），也可以自己設(shè)置圖片。方法有兩種：
1．在<ul>后指定符號(hào)的樣式
在<ul>后指定符號(hào)的樣式，可以設(shè)置到</ul>前各表項(xiàng)的加重符號(hào)。例如：
<ul type=”disc”> 符號(hào)為實(shí)心圓點(diǎn)●
<ul type=”circle”> 符號(hào)為空心圓點(diǎn)0
·57·
<ul type="square">
<ul img src="mygraph.gif'>
符號(hào)為方塊■
符號(hào)為指定的圖片文件
2．在<li>后指定符號(hào)的樣式
在<li>后指定符號(hào)的樣式，可以設(shè)置從該<li>起到</ul>au各表項(xiàng)的項(xiàng)目符號(hào)。格式就是將前面例子中的ul換為li。
【案例4-6l無序列表應(yīng)用示例。
【案例展示】本例文件4-6.html在瀏覽器中顯示的效果如圖4110所示。
【學(xué)習(xí)目標(biāo)】掌握無序列表標(biāo)簽和表項(xiàng)標(biāo)簽的用法。
【知識(shí)要點(diǎn)】掌握無序列表的使用場合。
代碼如下：
<! doctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>無序列表<／title>
</head>
<body>
<h2 align=”center”>手機(jī)廠商</h2>
<h3>國外廠商<，h3>
4.9.2 有序列表標(biāo)簽<ol><l》…<／ol>
圖4-10頁面的顯示效果
通過帶序號(hào)的列表可以更清楚地表達(dá)信息的順序。使用<ol>標(biāo)簽可以建立有序列表，葦項(xiàng)的標(biāo)簽仍為<li>。格式為：
<ol type=”符號(hào)類型”>
<li type=”符號(hào)類型l”>表項(xiàng)1
<li type=”符號(hào)類型2”>表項(xiàng)2
