課程2015-10161第8章列表

第8章 列表主講：占東明本章要點(diǎn)：列表類型嵌套列表8.1 列表類列表類型標(biāo)記符號定義列表dl無序列表ul有序列表ol菜單列表menu目錄列表dir8.1.1 無序列表<ul>基本語法<ul><li>項(xiàng)目名稱</li><li>項(xiàng)目名稱</li>…</ul>語法說明在HTML文件中，利用成對<ul></ul>標(biāo)記可以插入無序列表，但<ul>標(biāo)記之間必須使用成對的<li></li>標(biāo)記添加列表項(xiàng)值。實(shí)例代碼：8-1-1.html8.1.2 有序列表<ol>基本語法<ol><li>項(xiàng)目名稱</li><li>項(xiàng)目名稱</li>…</ol>語法說明在HTML文件中，利用成對的<ol></ol>標(biāo)記可以插入有序列表，但<ol>標(biāo)記之間必須使用成對的<li></li>標(biāo)記添加列表項(xiàng)值。實(shí)例代碼：8-1-2.html8.1.3 定義列表<dl>基本語法<dl><dt>名稱<dd>說明<dt>名稱<dd>說明…<dl>語法說明1）<dt>標(biāo)記定義了組成列表項(xiàng)名稱部分2）<dd>用于解釋說明<dt>標(biāo)記定義的項(xiàng)目名稱實(shí)例代碼：8-1-3.html8.2 列表嵌套在網(wǎng)頁文件中，列表的使用也很頻繁，列表嵌套的使用不僅使網(wǎng)頁的內(nèi)容布局更加美觀，而且使顯示的內(nèi)容更加清晰明白，下面將簡單介紹幾種列表的嵌套使用。8.2.1 無序與有序嵌套列表基本語法<ul><li>項(xiàng)目名稱</li><ol><li>項(xiàng)目名稱</li><li>項(xiàng)目名稱</li></ol></ul>8.2.1 無序與有序嵌套列表語法說明將<ol>標(biāo)記用在<ul></ul>標(biāo)記之間，實(shí)現(xiàn)列表的嵌套。實(shí)例代碼：8-2-1.html8.2.2 定義列表嵌套基本語法<dl><dt>名稱<dd>說明<dd>說明<dt>名稱

<dd>說明<dd>說明

…</dl>8.2.2 定義列表嵌套語法說明<dl>標(biāo)記表示插入定義列表；<dt>標(biāo)記表示插入項(xiàng)目名稱；<dd>標(biāo)記表示多項(xiàng)目名稱的說明；多個(gè)<dt>與<dd>的交替使用，構(gòu)成了定義列表的嵌套。實(shí)例代碼：8-2-2.html8.3 小實(shí)例——列表在網(wǎng)頁中的應(yīng)用<ultype=“circle”>type可取值：disc/square/Circle<li>行政部門</li><oltype="A"><li>范冰冰</li><li>楊思維</li></ol><li>策劃部門</li><oltype="a"><li>王學(xué)圻</li><li>穆曉光</li></ol></ul>8.4 小結(jié)