html的有序列表、無序列表與定義列表應該如何使用
- php中世界最好的语言原創
- 2018-01-20 10:11:313098瀏覽
這次帶給大家html的有序列表、無序列表與定義列表應該如何使用，使用html的有序列表、無序列表與定義列表的注意事項有哪些，下面就是實戰案例，一起來看一下。
有序清單
<ol type="A", start="C"> <!--ordered list-->
<li>第一项</li>
<li>第二项</li>
</ol>
#無序列表
<ul type="disc"> <!--unordered list--> <!--还有两种type：circle，square-->
<li>第一项</li>
<li>第二项</li>
</ul>定義清單
定義清單由定義條件(definition term)和定義描述(definition description)構成
<dt>标记后面添加要解释的名词
<dd>标记后面添加名词的具体解释
<dl type="disk"> <!--definition list--> <!--还有两种type：circle，square-->
<dt>CSS</dt>
<dd>Cascating Style Sheets</dd>
</dl>栗子：
<!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>相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
以上是html的有序列表、無序列表與定義列表應該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn