列表標簽的使用
列表用于羅列出來一系列相似或者相關的項目.
無序列表(項目列表)
無序列表的標簽是<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> |
保存后瀏覽網頁,請確認您頁面的效果與這個頁面相同。我們可以看到無序列表與有序列表的不同就是項目每個項目前面是小圓點還是數字。
标签:
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
帶你輕鬆打開SVG動畫的大HTML教程2016-06-08
36個重要的HTML標簽HTML教程2012-05-15
10個最容易犯的HTML標簽錯HTML教程2010-09-11
border:none;與border:0;的區別HTML教程2009-11-26