Sharing the differences between <ul> <dir> <menu> tags in html-HTML Tutorial-php.cn

Sharing the differences between

tags in html

黄舟

Release： 2017-06-29 10:48:12

Original

2125 people have browsed it

HTML文档中使用的列表主要有无序列表、排序列表、目录列表、菜单列表、描述性列表五种类型。

例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<p style="color:red;">这个是&lt;ul&gt;&lt;li&gt;无序列表</p>
<ul>
<li>这是第1行</li>
<li>这是第2行</li>
<li>这是第3行</li>
<li>这是第4行</li>
</ul>
<hr />
<p style="color:red;">这个是&lt;ol&gt;&lt;li&gt;排序列表</p>
<ol>
<li>这是第1行</li>
<li>这是第2行</li>
<li>这是第3行</li>
<li>这是第4行</li>
</ol>
<p style="color:red;">这个是&lt;ol&gt;&lt;li&gt;排序列表+start属性值（start=“9”）</p>
<ol start="9">
<li>这是第9行</li>
<li>这是第10行</li>
</ol>
<hr />
<p style="color:red;">这个是&lt;dir&gt;&lt;li&gt;目录列表</p>
<dir>
<li>这是第1行目录</li>
<li>这是第2行目录</li>
<li>这是第3行目录</li>
<li>这是第4行目录</li>
</dir>
<hr />
<p style="color:red;">这个是&lt;menu&gt;&lt;li&gt;菜单列表</p>
<menu>
<li>这是第1行菜单</li>
<li>这是第2行菜单</li>
<li>这是第3行菜单</li>
<li>这是第4行菜单</li>
</menu>
<hr />
<p style="color:red;">这个是&lt;dl&gt;&lt;dt dd&gt;描述性列表</p>
<dl>
<dt>师范学院</dt>
<dd>包括数学专业，物理专业，外语专业，心理教育专业等等</dd>
<dt>计算机科学与技术</dt>
<dd>计算机软件理论</dd>
<dd>硬件专业</dd>
<dd>应用专业</dd>
</dl>
</body>
</html>

Copy after login

The above is the detailed content of Sharing the differences between

tags in html. For more information, please follow other related articles on the PHP Chinese website!