Html学习（2）- 列表标签
程序员文章站
2022-03-17 17:35:11
...
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>list</title>
<meta name="author" content="sync" />
<!-- Date: 2016-05-29 -->
</head>
<body>
<!--
Html 注释， 演示列表标签
列表标签： dl
上层项目: dt
下层项目: dd : 封装的内容是会被缩进的。有自动缩进的效果
-->
<dl>
<dt>上层项目内容</dt>
<dd>下层项目内容</dd>
<dd>下层项目内容</dd>
<dd>下层项目内容</dd>
</dl>
</hr>
<!--
有序和无序的项目列表
有序: <ol>
无序： <ul>
无论有序还是无序，条目的封装用的都是<li>
而且他们都有缩进效果
-->
<ul type="square">
<li >无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
</ul>
<ol type="a">
<li >有序项目列表</li>
<li>有序项目列表</li>
<li>有序项目列表</li>
</ol>
</body>
</html>
以上就是Html学习（2）- 列表标签的内容，更多相关内容请关注PHP中文网（www.php.cn）！
上一篇： php 中英文混合字符串的截取函数
下一篇： 使用vue如何实现无缝滚动组件