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