【企業(yè)如何網(wǎng)站建設】
在瀏覽器中顯示時，有序列表整個表項與上、下文本段之間各有一行空白；列表項目向右縮進并左對齊；各表項前帶順序號。
可以改變有序列表中的序號種類，利用<ol>或<li>中的type屬性可設定5種序號：數(shù)字、大寫英文字母、小寫英文字母、大寫羅馬字母和小寫羅馬字母。序號標簽默認為數(shù)字。 在<ol>后指定符號的樣式，可設置到</oI>前各表項的加重記號。格式為：
<ol type=”1”> 序號為數(shù)字
<ol type=”A”> 序號為大寫英文字母
<ol type=”a”> 序號為小寫英文字母
<ol type=”I”> 序號為大寫羅馬字母
<ol type=”i”> 序號為小寫羅馬字母
在<li>后指定符號的樣式，可設置該表項前的加重記號。格式就是把前面的例子中ol改為li。
【案例4-71有序列表應用示例。
【案例展示】本例文件4-7.html在瀏覽器中顯示的效果如圖4-11所示。
【學習目標】掌握有序列表標簽和表項標簽的用法。
【知識要點】掌握有序列表的使用場合。
代碼如下：
<! doctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>有序列表<／title>
<／head>
<body>
<h3 align="center">手機銷量排行榜</h3>
<ol type="I">
<li>美亞手機
<li>菲亞手機
<li>愛亞手機
<li>環(huán)宇手機
<li>天宇手機
</ol>
</body>
</html>
圖4-12頁面的顯示效果
代碼如下：
<! doctype html>
<html>
圖4-11頁面的顯示效果
列表嵌套把主頁分為多個層次，給人以很強的層次感。有序列表和無序列表不僅可以自身嵌套，而且彼此可互相嵌套。
