<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--有序列表-->
<ol type="a" reversed start="5">
<li>黄鹤楼<span>崔颢</span></span></li>
<li>送元二使安西<span>王维</span></span></li>
<li>凉州词<span>王焕之</span></span></li>
</ol>
<!--定义列表-->
<dl></dl><!--定义标识列表-->
<dt></dt><!--定义词条 一般标识抽象,概况 引用-->
<dd></dd><!--标识解释 是对词条的解说 说明-->
<h1>成语词条列表</h1>
<dl>
<dt>知无不言,言无不尽</dt>
<dd>知道的就说,要说就毫无保留</dd>
<dt>智者千虑,必有一失</dt>
<dd>再聪明的人也会有考虑不到的地方</dd>
</dl>
<!--菜单列表-->
<!--但是command只有在ie9(早和晚都不支持)和最新版本的firefox支持
command可以定义按钮,单选按钮,复选按钮 只有dangcommand位于menu元素内时,该元素才会显示否则不显示,该但是可以用他来定义键盘的快捷键
--->
<menu>
<command type="command" onclick = "alert('你好')">命令</command>
</menu>
<!--自定义样式的列表-->
<!--
list-type:复合属性,设置列表的相关内容
list-style-image 设置列表项目的符号图像
list-styoe-position 设置列表项目的显示位置,根据文本在内或者在外排列 取值有outside和inside
list-style-type 设置列表项目符号类型
list-stype-type 项目列表类型
-->
<ul style="list-style-type: circle; list-style-position: inside;list-style-position: inside; border: 1px solid pink">
<li><a href="#">新闻</a>
<ul>
<li>nihao</li>
</ul>
</li>
<li><a href="#">社区</a></li>
<li><a href="#">微博</a></li>
<li><a href="#">微信</a></li>
</ul>
</body>
</html>