您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 移動前端 >> 瀏覽設計教程

淺談html有序列表、無序列表與定義列表

有序列表

XML/HTML Code復制內容到剪貼板

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

無序列表

XML/HTML Code復制內容到剪貼板

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

定義列表

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

XML/HTML Code復制內容到剪貼板

<dt>標記后面添加要詮釋的名詞   <dd>標記后面添加名詞的詳細詮釋

XML/HTML Code復制內容到剪貼板

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

栗子:

XML/HTML Code復制內容到剪貼板

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

輸出結果:

以上這篇淺談html有序列表、無序列表與定義列表就是小編分享給大家的悉數內容了,盼望能給大家一個參考,也盼望大家多多支持圖趣網。

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