素材源碼參賽作品list

第5章建立和使用列表列表類(lèi)型嵌套列表小實(shí)例——列表在網(wǎng)頁(yè)中的使用習(xí)題HTML/CSS/JavaScript

標(biāo)準(zhǔn)教程實(shí)例版（第4版）5.1

列表類(lèi)型表5-1

列表類(lèi)型與標(biāo)記符號(hào)5.1.1

插入定義列表<dl>基本語(yǔ)法：<dl><dt>名稱(chēng)<dd>說(shuō)明<dt>名稱(chēng)<dd>說(shuō)明<dt>名稱(chēng)<dd>說(shuō)明…<dl>5.1.1

插入定義列表<dl>語(yǔ)法說(shuō)明：<dt>標(biāo)記定義了組成列表項(xiàng)名稱(chēng)部分，同時(shí)此標(biāo)記只在<dl>標(biāo)記中使用；<dd>用于解釋說(shuō)明<dt>標(biāo)記定義的項(xiàng)目名稱(chēng)，此標(biāo)記也只能在<dl>標(biāo)記中使用。5.1.1

插入定義列表<dl>實(shí)例代碼5.1.1

插入定義列表<dl>網(wǎng)頁(yè)效果5.1.2

插入無(wú)序列表<ul>基本語(yǔ)法：<ul><li>項(xiàng)目名稱(chēng)</li>…<li>項(xiàng)目名稱(chēng)</li>…<li>項(xiàng)目名稱(chēng)</li>……<ul>5.1.2

插入無(wú)序列表<ul>語(yǔ)法說(shuō)明：在HTML文件中，利用成對(duì)<ul></ul>標(biāo)記可以插入無(wú)序列表，但<ul>標(biāo)記之間必須使用成對(duì)<li></li>標(biāo)記添加列表項(xiàng)值。5.1.2

插入無(wú)序列表<ul>實(shí)例代碼5.1.2

插入無(wú)序列表<ul>網(wǎng)頁(yè)效果5.1.3

插入有序列表<ol>基本語(yǔ)法<ol><li>項(xiàng)目名稱(chēng)</li>…<li>項(xiàng)目名稱(chēng)</li>…<li>項(xiàng)目名稱(chēng)</li>……</ol>5.1.3

插入有序列表<ol>語(yǔ)法說(shuō)明在HTML文件中，利用成對(duì)<ol></ol>標(biāo)記可以插入有序列表，但<ol>標(biāo)記之間必須使用成對(duì)<li></li>標(biāo)記添加列表項(xiàng)值。5.1.3

插入有序列表<ol>實(shí)例代碼5.1.3

插入有序列表<ol>網(wǎng)頁(yè)效果5.2

嵌套列表嵌套定義列表嵌套有序與無(wú)序列表5.2.1

嵌套定義列表基本語(yǔ)法：<dl><dt>名稱(chēng)<dd>說(shuō)明<dd>說(shuō)明<dd>說(shuō)明<dt>名稱(chēng)<dd>說(shuō)明<dd>說(shuō)明<dd>說(shuō)明…</dl>5.2.1

嵌套定義列表語(yǔ)法說(shuō)明<dl>標(biāo)記表示插入定義列表；<dt>標(biāo)記表示插入項(xiàng)目名稱(chēng)；<dd>標(biāo)記表示多項(xiàng)目名稱(chēng)的說(shuō)明；

多個(gè)<dt>與<dd>的交替使用，構(gòu)成了定義列表的嵌套。5.2.1

嵌套定義列表實(shí)例代碼5.2.1

嵌套定義列表網(wǎng)頁(yè)效果5.2.2

嵌套有序與無(wú)序列表基本語(yǔ)法<ul><li>項(xiàng)目名稱(chēng)</li><ol><li>項(xiàng)目名稱(chēng)</li><li>項(xiàng)目名稱(chēng)</li><li>項(xiàng)目名稱(chēng)</li></ol><li>項(xiàng)目名稱(chēng)</li><ol><li>項(xiàng)目名稱(chēng)</li><li>項(xiàng)目名稱(chēng)</li><li>項(xiàng)目名稱(chēng)</li></ol></ul>5.2.2

嵌套有序與無(wú)序列表語(yǔ)法說(shuō)明將<ol>標(biāo)記用在<ul></ul>標(biāo)記之間，實(shí)現(xiàn)列表的嵌套。5.2.2

嵌套有序與無(wú)序列表實(shí)例代碼5.2.2

嵌套有序與無(wú)序列表接上頁(yè)5.2.2

嵌套有序與無(wú)序列表網(wǎng)頁(yè)效果5.3

小實(shí)例