!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!--代表网页-->
<head> <!--头标签 里面主要放控制类的东西-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--charset=字符及编码格式 utf-8 国际编码 GB2312 国标-->
<title>测试网页</title><!-- 网页名称-->
</head>
<body bgcolor="#000000" text="#000000" background="file:///D|/新建文件夹 (2)/喷墨全抛釉/夏威夷K803133Q.jpg"> <!--主体标签 里面主要放网页内容-->
<p><font face="微软雅黑" size="+7" color="#000000">文字</font>
<br /><!--换行-->
<u><i><b>加粗 倾斜下划线</b></i></u></p><!--段落-->
<strong>加粗</strong>
<em>倾斜</em>
<h1>哈哈</h1>
<p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<h6>标题</h6><!--做标题 h1~h6字体从大到小-->
<div>层标签 默认占一行 布局用</div>
<span>层标签 内容多大占多大地方 主要放文字或其他</span>
<ol type="1"><!--有序列表-->
<li>山东</li>
<li>北京</li>
<li>上海</li>
</ol>
<ul type="square"><!--无序列表-->
<li>山东</li>
<li>北京</li>
<li>上海</li>
</ul>
<p><b>加粗</b></p>
<p><i>倾斜</i></p>
<p><u>下划线</u></p>
<i><b>加粗 倾斜</b></i>
<br />
<!--一个 代表一个空格-->
博客园
</body>
</html>
原文：http://www.cnblogs.com/chaochao00o/p/6287038.html