您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

淺談html有序列表、無(wú)序列表與定義列表

有序列表

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<ol type="A", start="C"> <!--ordered list-->      <li>第一項(xiàng)</li>      <li>第二項(xiàng)</li>  </ol>

無(wú)序列表

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<ul type="disc">  <!--unordered list--> <!--還有兩種type:circle,square-->      <li>第一項(xiàng)</li>      <li>第二項(xiàng)</li>  </ul>

定義列表

定義列表由定義條件(definition term)和定義描述(definition description)構(gòu)成

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<dt>標(biāo)記后面添加要詮釋的名詞   <dd>標(biāo)記后面添加名詞的詳細(xì)詮釋

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<dl type="disk">  <!--definition list--> <!--還有兩種type:circle,square-->      <dt>CSS</dt>      <dd>Cascating Style Sheets</dd>  </dl>

栗子:

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<!doctype html>  <html>      <head>          <meta http-equiv="content-type" content="text/html; charset=utf-8"          <meta name="description" content="設(shè)置頁(yè)面說(shuō)明">          <title>網(wǎng)頁(yè)1</title>      </head>      <body>          <h1>題目</h1>                  <hr>          <ol type="A", start="3"> <!--ordered list-->                  <li>第一項(xiàng)</li>                  <li>第二項(xiàng)</li>          </ol>            <ul type="disc">  <!--unordered list--> <!--還有兩種type:circle,square-->                  <li>第一項(xiàng)</li>                  <li>第二項(xiàng)</li>          </ul>            <dl type="disk">  <!--definition list-->                  <dt>CSS</dt>              <dd>Cascating Style Sheets</dd>            </dl>        </body>    </html>

輸出結(jié)果:

以上這篇淺談html有序列表、無(wú)序列表與定義列表就是小編分享給大家的悉數(shù)內(nèi)容了,盼望能給大家一個(gè)參考,也盼望大家多多支持圖趣網(wǎng)。

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd3349.html
淺談html題目,段落,換行,水平線,特別字符
HTML 編輯基礎(chǔ)菜鳥(niǎo)必看篇
圖趣網(wǎng)微信
建議反饋
×