當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > html有序列表標記ol

html有序列表標記ol

2012/11/17 10:04:40作者:佚名來源:網絡

移動端

【實例介紹】

html有序列表標記ol

有序列表中各個列表項使用編號排列,列表中的項目有先后順序,一般采用數字或字母作為順序號。

【基本語法】

<ol>
<li>有序列表項</li>
<li>有序列表項</li>
<li>有序列表項</li>
<li>有序列表項</li>
<li>有序列表項</li>
···
</ol>

【語法介紹】

在該語法中,<01>和</01>標記標志著有序列表的開始和結束,而<li>和</li>標記表示這是一個列表項。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>有序列表標記</title> </head> <body> <b>各項工作也呈現出蒸蒸日上的好勢頭。主要表現在以下幾個方面:</b> <ol> <li>是爭創(chuàng)一流實現新突破。</li> <li>是服務中心取得新成效。</li> <li>是干部素質實現新提高。</li> <li>是機關形象實現新改觀。</li> </ol> </body> </html>

【代碼分析】

在代碼中,加粗部分的標記是有序列表標記,在瀏覽器中預覽,可以看到有序列表的序號,如圖所示。

有序列表標記ol運行效果

 【素材及源碼下載】

請點擊:html有序列表標記ol 下載本實例相關素材及源碼

 

標簽: html  有序列表