DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> XHTML入門學習教程:列表標簽的使用
XHTML入門學習教程:列表標簽的使用
編輯:HTML和Xhtml     
列表用於羅列出來一系列相似或者相關的項目. 無序列表(項目列表)
無序列表的標簽是<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>
保存後浏覽網頁,請確認您頁面的效果與這個頁面相同。我們可以看到無序列表與有序列表的不同就是項目每個項目前面是小圓點還是數字。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved