HTML列表
HTML列表標(biāo)記主要有三種:有序列表、無(wú)序列表和定義列表。下面我們來(lái)一一的學(xué)習(xí)
(1).有序列表
有序列表始于 < ol> 標(biāo)簽。每個(gè)列表項(xiàng)始于 < li> 標(biāo)簽。列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
<ol> <li>balabala</li> </ol>
這就是一個(gè)比較簡(jiǎn)單的有序列表的最小元素,默認(rèn)的排序方式就是以數(shù)字開(kāi)頭,下面我們來(lái)動(dòng)手寫(xiě)寫(xiě)。 首先來(lái)一個(gè)最簡(jiǎn)單的列表,下面是是內(nèi)容和效果:
在有序列表中我們還能定義其他的排序方式,上面是默認(rèn)的額數(shù)字排序,下面我們?cè)偌由献帜概判蚝土_馬數(shù)字排序 這里就只需要添加type屬性就可以了,"a"表示以小寫(xiě)字母來(lái)排序;"A"就是使用大寫(xiě)字母來(lái)排序;"i"就是以小寫(xiě)羅馬數(shù)字來(lái)排序;"I"就是以大寫(xiě)羅馬數(shù)字來(lái)排序。 這里還可以添加start屬性,決定起始地。 下面是范例:
<html> <head> <title>test</title> </head> <body style="font-size:20px;background-color:gray" > <ol start="2"> <li>hadoop</li> <li>linux</li> <li>c </li> </ol> <ol type="a"> <li>hadoop</li> <li>linux</li> <li>c </li> </ol> <ol type="A"> <li>hadoop</li> <li>linux</li> <li>c </li> </ol> <ol type="i"> <li>hadoop</li> <li>linux</li> <li>c </li> </ol> <ol type="I"> <li>hadoop</li> <li>linux</li> <li>c </li> </ol> </body> </html>
看了效果圖再回頭對(duì)比下屬性值
(2).無(wú)序列表
說(shuō)完了有序列表,下面來(lái)講講無(wú)序列表。無(wú)序列表在HTML中還是很常用的。 無(wú)序列表始于 < ul> 標(biāo)簽。每個(gè)列表項(xiàng)始于 < li>(有序無(wú)序是一樣的)。 無(wú)需列表排序的時(shí)候就是給每個(gè)列表項(xiàng)加各種小符號(hào)其中分為Disc(默認(rèn))實(shí)心黑點(diǎn);Cirle小圈;square方點(diǎn),與有序列表的屬性都是用的一樣的,接下來(lái)我么就來(lái)動(dòng)動(dòng)手
同樣的,看了效果圖再回頭看看屬性的設(shè)置
(3).定義性列表
定義列表通常用于術(shù)語(yǔ)的定義和解釋。定義列表由< dl>開(kāi)始,術(shù)語(yǔ)由< dt>開(kāi)始,解釋說(shuō)明有< dd>開(kāi)始,< dd>....< /dd>里的文字縮進(jìn)顯示。 下面我們就簡(jiǎn)單的操作下