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