網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程（HTML5+CSS3+JavaScript）（微課版）（第2版） 課件 案例3知識(shí)點(diǎn)：HTML列表標(biāo)記

我們畢業(yè)啦其實(shí)是答辯的標(biāo)題地方HTML列表標(biāo)記HTML列表標(biāo)記前面的案例中用到了列表標(biāo)記，下面詳細(xì)介紹列表標(biāo)記的使用HTML列表標(biāo)記列表標(biāo)記有無(wú)序列表標(biāo)記、有序列表標(biāo)記、列表標(biāo)記的嵌套和自定義列表標(biāo)記。無(wú)序列表標(biāo)記<ul>~</ul>14有序列表標(biāo)記<ol>~</ol>2列表標(biāo)記嵌套自定義列表標(biāo)記<dl>~</dl>3

3HTML列表標(biāo)記無(wú)序列表標(biāo)記語(yǔ)法格式：<ul>

<li>列表項(xiàng)1</li>

<li>列表項(xiàng)2</li>

<li>列表項(xiàng)3</li>

......</ul>說(shuō)明:“ul”是英文“unorderedlist”（無(wú)序列表）的縮寫(xiě)。HTML列表標(biāo)記無(wú)序列表標(biāo)記例3-1：example01.html<li>與</li>相當(dāng)于一個(gè)容器，可以容納所有的網(wǎng)頁(yè)元素。<ul>和</ul>中只能嵌套<li>和</li>，不要在<ul>和</ul>中直接輸入文字。注意HTML列表標(biāo)記有序列表標(biāo)記語(yǔ)法格式：<ol>

<li>列表項(xiàng)1</li>

<li>列表項(xiàng)2</li>

<li>列表項(xiàng)3</li>

......</ol>說(shuō)明:“ol”是英文“orderedlist”（有序列表）的縮寫(xiě)。HTML列表標(biāo)記有序列表標(biāo)記例3-2：example02.htmlHTML列表標(biāo)記嵌套例3-3：example03.htmlHTML中可以實(shí)現(xiàn)列表的嵌套，也就是說(shuō)，無(wú)序列表或有序列表的列表項(xiàng)中還可以包含有序或無(wú)序列表。HTML列表標(biāo)記自定義列表標(biāo)記語(yǔ)法格式：<dl>

<dt>條目1</dt><dd>數(shù)據(jù)</dd>...

<dt>條目2</dt><dd>數(shù)據(jù)</dd>......</dl>說(shuō)明：“dl”是英文“definitionlist”（定義列表）的縮寫(xiě)“dt”是英文“definitionterm”的縮寫(xiě)，表示條目名稱“dd”是英文“definitiondata”的縮寫(xiě)，表示條目的數(shù)據(jù)內(nèi)容<dt>標(biāo)記中不僅可以放入文字，還可以放入圖片HTML自定義列表標(biāo)記自定義列表標(biāo)記例3-4：example04.html小結(jié)本次微課介紹了HTML5的無(wú)序列表（ul）、有序列表（ol）、列表嵌套和自定義列表