Home > Web Front-end > HTML Tutorial > Sharing the differences between
    tags in html

Sharing the differences between
    tags in html

黄舟
Release: 2017-06-29 10:48:12
Original
2160 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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template