<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equive="refresh" content="30">
<!--页面30秒刷新一次-->
<title>html列表</title>
<!--html支持有序、无序和定义列表-->
</head>
<body>
<h4>我是有序列表：</h4>
<ol>
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ol>
<h4>小写字母列表：</h4>
<ol type="a">
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ol>
<h4>大写罗马数字列表：</h4>
<ol type="I">
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ol>
<h4>小写罗马数字列表：</h4>
<ol type="i">
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ol>
<h4>我是无序列表</h4>
<ul>
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ul>
<h4>圆点列表：</h4>
<ul style="list-style-type:disc">
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ul>
<h4>圆圈列表：</h4>
<ul style="list-style-type:circle">
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ul>
<h4>正方形列表：</h4>
<ul style="list-style-type:square">
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ul>
<h4>我是自定义列表</h4>
<dl>
<dt>我是标题一</dt>
<dd>我是标题一的孩子</dd>
<dt>我是标题二</dt>
<dd>我是标题二的孩子</dd>
</dl>
<!--dl自定义定义列表，dt自定义列表项目（标题），dd自定义列表描述-->
<h4>嵌套列表：</h4>
<ul style="list-style-type:disc">
<li>我是列表一</li>
<li>
<ul style="list-style-type:square">
<li>我是列表一</li>
<li>我是列表二</li>
<li>
<ul style="list-style-type:circle">
<li>我是列表一</li>
<li>我是列表二</li>
<li>我是列表三</li>
</ul>
</li>
</ul>
</li>
<li>我是列表三</li>
</ul>
</body>
</html>
转载于:https://www.cnblogs.com/zhangxiaohao/p/5913831.html
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
