浅谈html有序列表、无序列表与定义列表

2016/12/29 13:57:05来源：互联网

有序列表

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>

输出结果：