HTML文档中使用的列表主要有无序列表、排序列表、目录列表、菜单列表、描述性列表五种类型。
例：
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<p style="color:red;">这个是<ul><li>无序列表</p>
<ul>
<li>这是第1行</li>
<li>这是第2行</li>
<li>这是第3行</li>
<li>这是第4行</li>
</ul>
<hr />
<p style="color:red;">这个是<ol><li>排序列表</p>
<ol>
<li>这是第1行</li>
<li>这是第2行</li>
<li>这是第3行</li>
<li>这是第4行</li>
</ol>
<p style="color:red;">这个是<ol><li>排序列表+start属性值（start=“9”）</p>
<ol start="9">
<li>这是第9行</li>
<li>这是第10行</li>
</ol>
<hr />
<p style="color:red;">这个是<dir><li>目录列表</p>
<dir>
<li>这是第1行目录</li>
<li>这是第2行目录</li>
<li>这是第3行目录</li>
<li>这是第4行目录</li>
</dir>
<hr />
<p style="color:red;">这个是<menu><li>菜单列表</p>
<menu>
<li>这是第1行菜单</li>
<li>这是第2行菜单</li>
<li>这是第3行菜单</li>
<li>这是第4行菜单</li>
</menu>
<hr />
<p style="color:red;">这个是<dl><dt dd>描述性列表</p>
<dl>
<dt>师范学院</dt>
<dd>包括数学专业，物理专业，外语专业，心理教育专业等等</dd>
<dt>计算机科学与技术</dt>
<dd>计算机软件理论</dd>
<dd>硬件专业</dd>
<dd>应用专业</dd>
</dl>
</body>
</html>
<p style="color:red;">这个是<ul><li>无序列表</p>
<ul>
<li>这是第1行</li>
<li>这是第2行</li>
<li>这是第3行</li>
<li>这是第4行</li>
</ul>
<hr />
<p style="color:red;">这个是<ol><li>排序列表</p>
<ol>
<li>这是第1行</li>
<li>这是第2行</li>
<li>这是第3行</li>
<li>这是第4行</li>
</ol>
<p style="color:red;">这个是<ol><li>排序列表+start属性值（start=“9”）</p>
<ol start="9">
<li>这是第9行</li>
<li>这是第10行</li>
</ol>
<hr />
<p style="color:red;">这个是<dir><li>目录列表</p>
<dir>
<li>这是第1行目录</li>
<li>这是第2行目录</li>
<li>这是第3行目录</li>
<li>这是第4行目录</li>
</dir>
<hr />
<p style="color:red;">这个是<menu><li>菜单列表</p>
<menu>
<li>这是第1行菜单</li>
<li>这是第2行菜单</li>
<li>这是第3行菜单</li>
<li>这是第4行菜单</li>
</menu>
<hr />
<p style="color:red;">这个是<dl><dt dd>描述性列表</p>
<dl>
<dt>师范学院</dt>
<dd>包括数学专业，物理专业，外语专业，心理教育专业等等</dd>
<dt>计算机科学与技术</dt>
<dd>计算机软件理论</dd>
<dd>硬件专业</dd>
<dd>应用专业</dd>
</dl>
</body>
</html>
扫一扫
1220
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
