列表用於羅列出來一系列相似或者相關的項目.無序列表(項目列表)
無序列表的標籤是<ul></ul>,而每一個列表項目則用<li>標籤。下面我們就用無序列表來改寫我們的index.html,打開之前保存的文件後,將針對學生提供的服務一段的代碼修改為如下的無序列表代碼:
<h3>針對學生的服務</h3>
<ul>
<li>代寫寒暑假作業(數學<b>不</b>保證沒有錯題,語文不保證沒有錯字,英語作業你找別人吧)</li>
<li>幫忙欺負<b>四年級</b>以下同學,<b>特體須加收費用</b>。 </li>
<li> 家長會幫忙<i>冒充家長</i>。 </li>
</ul>
保存後瀏覽網頁,請確認您的網頁和這個頁面相同。 。有序列表
有序列表的標籤是<ol></ol>,列表項目仍然是<li>。我們再用有序列表來改寫index.html的針對家長一段,將剛剛修改的那段代碼中的<ul></ul>改為<ol></ol>:
<ol>
<li>代寫寒暑假作業(數學<em>不</em>保證沒有錯題,語文<em>不</em>保證沒有錯字,<b>英語作業你找別人吧!</b>)。 </li>
<li>幫忙欺負<strong>四年級以下</strong>同學,<strong>特體</strong>須加收費用。 </li>
<li>家長會幫忙<i>冒充家長</i>。 </li>
</ol>
保存後瀏覽網頁,請確認您頁面的效果與這個頁面相同。我們可以看到無序列表與有序列表的不同就是項目每個項目前面是小圓點還是數字。