在html頁面中，合理的使用列表標(biāo)簽可以起到提綱和格式排序文件的作用。
列表分為兩類，一是無序列表，一是有序列表，無序列表就是項(xiàng)目各條列間并無順序關(guān)系，純粹只是利用條列來呈現(xiàn)資料而已，此種無序標(biāo)簽，在各條列前面均有一符號(hào)以示區(qū)隔。而有序條列就是指各條列之間是有順序的，比如從1、2、3…一直延伸下去。
列表的主要標(biāo)簽
標(biāo) 簽 描 述
<UL> 無序列表
<OL> 有序列表
<DIR> 目錄列表
<DL> 定義列表
<MENU> 菜單列表
<DL>/<DT>/<DD> 定義列表的標(biāo)記
<LI> 列表項(xiàng)目的標(biāo)記
5-1 無序列表<UL>
無序列表使用的一對(duì)標(biāo)簽是<ul></ul>，無序列表指沒有進(jìn)行編號(hào)的列表, 每一個(gè)列表項(xiàng)前使用<LI>。<LI>的屬性type有三個(gè)選項(xiàng),這三個(gè)選項(xiàng)都必須小寫:
disc實(shí)心園
circle空心園
square小方塊
<ul>如果不使用其項(xiàng)目<li>的屬性值,即默認(rèn)情況下的<ul>會(huì)加"實(shí)心園"。
格式1:
<UL>
<LI>第一項(xiàng)
<LI>第二項(xiàng)
<LI>第三項(xiàng)
</UL>
格式2
<ul>
<li type=disc>第一項(xiàng)
<li type=circle>第二項(xiàng)
<li type=square>第三項(xiàng)
</ul>
示例 5-1.html
<html>
<head>
<title>無序列表</title>
</head>
<body>
<ul>
<li>默認(rèn)的無序列表加"實(shí)心園"
<li>默認(rèn)的無序列表"實(shí)心園"
<li>默認(rèn)的無序列表"實(shí)心園"
</ul>
<ul>
<li type=square>無序列表square加方塊
<li type=square>無序列表square加方塊
<li type=square>無序列表square加方塊
</ul>
<ul>
<li type=circle>無序列表circle加空心園
<li type=circle>無序列表circle加空心園
<li type=circle>無序列表circle加空心園
</ul>
</body>
</html>
5-2 有序列表<OL>
有序列表和無序列表的使用格式基本相同，它使用標(biāo)簽<ol></ol>，每一個(gè)列表項(xiàng)前使用<li>。<ol>列表的結(jié)果是帶有前后順序之分的編號(hào)。如果插入和刪除一個(gè)列表項(xiàng)，編號(hào)會(huì)自動(dòng)調(diào)整。
順序編號(hào)的設(shè)置是由<ol>的兩個(gè)屬性type和start來完成的。start=編號(hào)開始的數(shù)字，如start=2則編號(hào)從2開始，如果從1開始可以省略，或是在<li>標(biāo)簽中設(shè)定value＝"n"改變列表行項(xiàng)目的特定編號(hào)，例如<li value="7">。type=用于編號(hào)的數(shù)字,字母等的類型，如type=a，則編號(hào)用英文字母。為了使用這些屬性，把它們放在<ol>或<li>的的初始標(biāo)簽中。
有序列表type的屬性
type 類 型 描 述
type=1 表示列表項(xiàng)目用數(shù)字標(biāo)號(hào)（1,2,3...）
type=A 表示列表項(xiàng)目用大寫字母標(biāo)號(hào)（A,B,C...）
type=a 表示列表項(xiàng)目用小寫字母標(biāo)號(hào)（a,b,c...）
type=I 表示列表項(xiàng)目用大寫羅馬數(shù)字標(biāo)號(hào)（Ⅰ,Ⅱ,Ⅲ...）
type=i 表示列表項(xiàng)目用小寫羅馬數(shù)字標(biāo)號(hào)（i,ii,iii...）
格式1
<ol type=編號(hào)類型 start=value>
<li>第1項(xiàng)
<li>第2項(xiàng)
<li>第3項(xiàng)
</ol>
格式2
<ol>
<li>第1項(xiàng)
<li>第2項(xiàng)
<li>第3項(xiàng)
</ol>
實(shí)例：5-2.html
<html>
<head>
<title>有序列表</title>
</head>
<body>
<ol>
<li>默認(rèn)的有序列表
<li>默認(rèn)的有序列表
<li>默認(rèn)的有序列表
</ol>
<ol type=a start=5>
<li>第1項(xiàng)
<li>第2項(xiàng)
<li>第3項(xiàng)
<li value= 20>第4項(xiàng)
</ol>
<ol type= I start=2>
<li>第1項(xiàng)
<li>第2項(xiàng)
<li>第3項(xiàng)
</ol>
</body>
</html>
5-3 嵌套列表
將一個(gè)列表嵌入到另一個(gè)列表中，作為另一個(gè)列表的一部分，叫嵌套列表。無論是有序列表和無序列表的嵌套，瀏覽器都可以自動(dòng)地分成排列。
認(rèn)證
