国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML清單

HTML列表標(biāo)記主要有三種:有序列表、無序列表和定義列表。下面我們來一一的學(xué)習(xí)

(1).有序列表

有序列表始於 < ol> 標(biāo)籤。每個清單項目始於 < li> 標(biāo)籤。清單項目內(nèi)部可以使用段落、換行符號、圖片、連結(jié)以及其他清單等等。

<ol>
<li>balabala</li>
</ol>

這就是一個比較簡單的有序列表的最小元素,預(yù)設(shè)的排序方式就是以數(shù)字開頭,下面我們來動手寫寫。 首先來一個最簡單的列表,以下是內(nèi)容和效果:

QQ截圖20161011092345.png


#在有序列表中我們還能定義其他的排序方式,上面是預(yù)設(shè)的額數(shù)字排序,下面我們再加上字母排序和羅馬數(shù)字排序這裡就只需要添加type屬性就可以了,"a"表示以小寫字母來排序;"A"就是使用大寫字母來排序;"i"就是以小寫羅馬數(shù)字來排序;"I"就是以大寫羅馬數(shù)字來排序。 這裡還可以加入start屬性,決定起始地。 以下是範(fàn)例:

<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>

QQ截圖20161011092413.png

看了效果圖再回頭對比下屬性值

(2).無序列表

說完了有序列表,下面來講講無序列表。無序列表在HTML中還是很常用的。 無序列表始於 < ul> 標(biāo)籤。每個列表項始於 < li>(有序無序是一樣的)。 無需列表排序的時候就是給每個列表項目加各種小符號其中分為Disc(預(yù)設(shè))實心黑點;Cirle小圈;square方點,與有序列表的屬性都是用的一樣的,接下來我麼就來動手

QQ截圖20161011092435.png

同樣的,看了效果圖再回頭看看屬性的設(shè)定

(3).定義性列表

定義列表通常用於術(shù)語的定義和解釋。定義清單由< dl>開始,術(shù)語由< dt>開始,解釋說明有< dd>開始,< dd>....< /dd>裡的文字縮排顯示。 下面我們就簡單的操作下

QQ截圖20161011092455.png


繼續(xù)學(xué)習(xí)
||
<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>