標籤之美九——列表

標籤：

標籤之美——列表

    列表是網頁排序中時常會用到的一個元素。

一、無序列表
1、無序列表的標籤

無序列表使用<ul></ul>來定義標籤的開始和結束。使用<li></li>來設定標籤項，樣本如下：

<body><ul><li>title1</li><li>title2</li><li>title3</li></ul></body>

效果如下：

2、無序列表標籤的樣式

標籤的type屬性可以設定其樣式：

實心圓樣式：disc

這個樣式就是預設的樣式，效果如

空心圓樣式：circle

樣本如下：

<body><ul type="circle"><li>title1</li><li>title2</li><li>title3</li></ul></body>

效果如下：

方塊樣式：square

效果如下：

二、有序列表
1、有序列表的標籤

有序列表的開始和結束使用<ol></ol>來定義，同樣使用<li></li>來定義清單項目，樣本如下：

<body><ol type="square"><li>title1</li><li>title2</li><li>title3</li></ol></body>

效果如下：

2、有序列表的樣式
數字標號的樣式：type=1

這個樣式為預設的樣式，效果如上。

大寫字母的標籤：type=A

效果如下：

小寫字母樣式：type=a

大寫羅馬數字樣式：type=I

小寫羅馬數字樣式：type=i

三、列表的嵌套

列表可以進行嵌套，形式如下：

<body><ol type="i"><li>title1</li><ul type="disc"><li>subTitle1</li><li>subTitle2</li></ul><li>title2</li><li>title3</li></ol></body>

效果如下：

標籤之美九——列表