插入图片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>水平线</title>
</head>
<body>
? <IMG src="images/p.png" alt="环保资讯"
? width=268 height=170 align="left">
<p align="center">无 月 的 中 秋</p>
<p>据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这就是月饼的来历，大家会在这一天，和嘉园也，吃月饼，赏月。</p>
<p>®</p>
</body>
</html>
效果
图像的超链接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>水平线</title>
</head>
<body>
<a href="#">
<img src="images/p.png" width="400" height="286" border="0" />
</a>
<p align="center">无 月 的 中 秋</p>
<p>据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这就是月饼的来历，大家会在这一天，和嘉园也，吃月饼，赏月。</p>
<p>®</p>
</body>
</html>
效果
图像地图的热点区域链接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>水平线</title>
</head>
<body>
<a href="#">
<img src="images/p.png" usemap="图像映射名称" />
<map name="图像映射名称">
<area shape="热区形状" coords="热区坐标" href="链接地址">
</map>
</a>
<p align="center">无 月 的 中 秋</p>
<p>据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这就是月饼的来历，大家会在这一天，和嘉园也，吃月饼，赏月。</p>
<p>®</p>
</body>
</html>
有序列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>水平线</title>
</head>
<body>
<ol type="a" start="2" >
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
</ol>
</body>
</html>
效果
无序列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>水平线</title>
</head>
<body>
<ul type="square">
<li>诗词歌赋 </li>
<li>散文精选 </li>
<li>言情小说</li>
<li> 武侠小说 </li>
</ul>
</body>
</html>
效果
定义列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>水平线</title>
</head>
<body>
<dl>
<dt>CSS</dt>
<dd>CSS就是Cascading Style Sheets，“层叠样式表”，简称样式表。 </dd>
</dl>
</body>
</html>
效果
