列表標(biāo)簽的使用
列表用于羅列出來(lái)一系列相似或者相關(guān)的項(xiàng)目.
無(wú)序列表(項(xiàng)目列表)
無(wú)序列表的標(biāo)簽是<ul></ul>,而每一個(gè)列表項(xiàng)目則用<li>標(biāo)簽。下面我們就用無(wú)序列表來(lái)改寫(xiě)我們的”index.html”,打開(kāi)之前保存的文件后,將”針對(duì)學(xué)生提供的服務(wù)”一段的代碼修改為如下的無(wú)序列表代碼:
| <h3>針對(duì)學(xué)生的服務(wù)</h3> <ul> <li>代寫(xiě)寒暑假作業(yè)(數(shù)學(xué)<b>不</b>保證沒(méi)有錯(cuò)題,語(yǔ)文不保證沒(méi)有錯(cuò)字,英語(yǔ)作業(yè)你找別人吧)</li> <li>幫忙欺負(fù)<b>四年級(jí)</b>以下同學(xué),<b>特體須加收費(fèi)用</b>。</li> <li> 家長(zhǎng)會(huì)幫忙<i>冒充家長(zhǎng)</i>。 </li> </ul> |
保存后瀏覽網(wǎng)頁(yè),請(qǐng)確認(rèn)您的網(wǎng)頁(yè)和這個(gè)頁(yè)面相同。。
有序列表
有序列表的標(biāo)簽是<ol></ol>,列表項(xiàng)目仍然是<li>。我們?cè)儆糜行蛄斜韥?lái)改寫(xiě) “index.html”的”針對(duì)家長(zhǎng)一段“,將剛剛修改的那段代碼中的<ul></ul>改為<ol>< /ol>:
| <ol> <li>代寫(xiě)寒暑假作業(yè)(數(shù)學(xué)<em>不</em>保證沒(méi)有錯(cuò)題,語(yǔ)文<em>不</em>保證沒(méi)有錯(cuò)字,<b>英語(yǔ)作業(yè)你找別人吧!</b>)。</li> <li>幫忙欺負(fù)<strong>四年級(jí)以下</strong>同學(xué),<strong>特體</strong>須加收費(fèi)用。</li> <li>家長(zhǎng)會(huì)幫忙<i>冒充家長(zhǎng)</i>。</li> </ol> |
保存后瀏覽網(wǎng)頁(yè),請(qǐng)確認(rèn)您頁(yè)面的效果與這個(gè)頁(yè)面相同。我們可以看到無(wú)序列表與有序列表的不同就是項(xiàng)目每個(gè)項(xiàng)目前面是小圓點(diǎn)還是數(shù)字。
