素材源碼參賽作品list

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

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

列表類型表5-1

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

插入定義列表<dl>基本語法：<dl><dt>名稱<dd>說明<dt>名稱<dd>說明<dt>名稱<dd>說明…<dl>5.1.1

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

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

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

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

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

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

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

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

插入有序列表<ol>語法說明在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)頁效果5.2

嵌套列表嵌套定義列表嵌套有序與無序列表5.2.1

嵌套定義列表基本語法：<dl><dt>名稱<dd>說明<dd>說明<dd>說明<dt>名稱<dd>說明<dd>說明<dd>說明…</dl>5.2.1

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

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

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

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

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

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

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

嵌套有序與無序列表接上頁5.2.2

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

小實(shí)例