【自己建設(shè)公司網(wǎng)站】
列表嵌套把主頁(yè)分為多個(gè)層次，給人以很強(qiáng)的層次感。有序列表和無(wú)序列表不僅可以自身嵌套，而且彼此可互相嵌套。
【案例4-8l在無(wú)序列表中嵌套有序列表。
【案例展示】本例文件4-8.html在瀏覽器中顯示的效果如圖4-12所示。
【學(xué)習(xí)目標(biāo)】掌握有序列表和無(wú)序列表互相嵌套的方法。
【知識(shí)要點(diǎn)】通過(guò)有序列表和無(wú)序列表的嵌套實(shí)現(xiàn)多層次頁(yè)面。
·59·
<head>
<meta charset‘gb2312”>
<title>在無(wú)序列表中嵌套有序列表<／title>
<／head>
<body>
<h3>手機(jī)按國(guó)家年度銷(xiāo)量<／h3>
<ul type=”square”> <!一無(wú)序列表一>
<li>美國(guó)產(chǎn)手機(jī)
<ol> <!．．嵌套有序列表．．>
<li>美亞(8000萬(wàn))
<li>菲亞(7500萬(wàn))
</ol>
<li>中國(guó)產(chǎn)手機(jī)
<ol type=”a”> <!一嵌套有序列表一>
<li>環(huán)宇(7000萬(wàn))
<li>天宇(6000萬(wàn))
<li>豐宇(5000萬(wàn))
</ol>
</ul>
<／body>
<／html>
習(xí)題4
1．簡(jiǎn)述HTML5文檔的基本結(jié)構(gòu)。
2．使用文字與段落標(biāo)簽制作如圖4-13所示的網(wǎng)頁(yè)。
3．制作如圖4-14所示的圖文混排網(wǎng)頁(yè)。
圖4-13題2圖
