<!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" /> <title>春游</title> </head> <body bgcolor="#00CCCC" topmargin="100" leftmargin="50"> <a name="top"></a>今天天 气不错，挺适合出去游玩！<br /> <font color="red" size="36" face="微软雅黑"> 格式控制标签<br /> <b>文字加粗方式一 b标签</b><br /> <strong>文字加粗方式二 strong</strong><br /> <i>文字倾斜方式一 i 标签</i><br /> <em>文字倾斜方式二2，em标签</em><br /> <u>文字加下划线 ，u标签</u> 1234<center>center标签，居中标签，若前后有其他，执行前后换行，保证自身是一个整体，然后进行居中显示</center>4567<br /> <br /> 内容容器标签：<br /> 123<p>p标签，段落标签，默认前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体</p>456 <ol>ol有序列表 <li>默认自带序号</li> <li>自动换行</li> <li>默认前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体</li> </ol> <ul>ul无需列表 <li>默认不自带序号</li> <li>自动换行</li> <li>默认前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体</li> </ul>789<br /> <a href="http://www.baidu.com/" target="new">百度一下</a><br /> <br /> <img src="1169528528249678251.jpg" title="这是一张图" alt="zheshiyizhangtu"/><br /> <a href="http://www.qq.com/" target="new"><img src="1169528528249678251.jpg" width="350"/></a><br /> <img src="1169528528249678251.jpg"/ width="500" height="150"> </font><h1>h1~h6标签，标题格式标签</h1> <h2>重要性依次减小</h2> <h3>前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体</h3> <h4>是在默认的大小的基础之上执行的增加或减小多少个尺寸</h4> <div style="background-color:#090">div层标签,默认一上来就占用一整行</div> <span style="background-color:#C30">span层标签，默认使用多少就占用多少</span><br /> <br /> <br /> <table width="480" height="90" border="1" cellpadding="0" cellspacing="0"> <tr align="center"> <td width="120"><a href="http://www.autohome.com/" target="new">汽车之家</td></a> <td width="120">易车网</td> <td width="120">太平洋汽车</td> <td width="120" rowspan="2">新浪汽车</td> <tr align="center"> <td>58同城</td> <td>百姓网</td> <td>赶集网</td> <tr align="center"> <td colspan="2">天猫</td> <td>聚美优品</td> <td>京东</td> </tr> </table> <a href="#top">返回最顶端</a> </body> </html>
原文：http://www.cnblogs.com/zyg316/p/5507213.html