<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="#FF0000" topmargin="100" leftmargin="200" bottommargin="400"><a name="top"></a>
<font size="33" color="#33FF66">今天<br />
天气不是很好,可能会有雷 暴.<br /></font>
<br />
格式控制标签:<br />
<b>文字加粗方式1,b标签</b><br />
<strong>文字加粗方式2,strong标签</strong><br />
<i>文字倾斜方式1,i标签</i><br /><br />
<em>文字倾斜方式2,em标签</em><br />
<u>文字加下划线,u标签</u>123
<center>center,居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后进行居中显示.</center>
<p><font size="45" color="#33FF66">456<br />
<br />
内容容器标签:<br />
123<p>p标签,段落标签,前后若有其他,执行前后或换行并且空开一行,保证自己是一个整体</p>456
<ol>ol,有序列表
<li>自动换行</li>
<li>自带序号</li>
<li>前后若有其他,执行前后换行,保证自身是一个整体</li>
</ol>456
<ul>ul,无序列表
<li>自动换行</li>
<li>不自带序号</li>
<li>前后若有其他,执行前后换行,保证自身是一个整体</li>
</ul>456<br />
<a href="http://www.baidu.com" target="_blank">百度一下</a><br />
<img src="3705884_193838193308_2.jpg" />
<a href="http://dnf.qq.com/main.shtml" target="_blank"><img src="3705884_193838193308_2.jpg" width="256" /></a>
<img src="3705884_193838193308_2.jpg" width"300" height="700" title="这是一朵花" alt="zheshiyiduohua"/>
</font>
<h1>h1~h6,标题标签</h1>
<h2>重要性依次减小</h2>
<h3>若前后有其他,执行前后换行,并且空开一行</h3>
<h4>受限于默认文字大小,默认文字大小在h3与h4之间</h4>124<br />
<div style="background:#0C9">div层标签,默认一上来就占用一行</div>
<span style="background:#F09">span层标签,默认使用多少就占用多少</span>
<br /><br />
<table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0">
<tr align="center" bgcolor="#33CC00">
<td width="120"><a href="http://www.autohome.com">汽车之家</a></td>
<td width="120">易车网</td>
<td width="120">太平洋汽车</td>
<td rowspan="2">新浪汽车</td>(向下合并两个单元格)
</tr>
<tr align="center">
<td colspan="2" bgcolor="#CCCC00">58同城</td> (向后合并两个单元格)
<td>百姓网</td>
</tr>
<tr align="center">
<td>淘宝</td>
<td>天猫</td>
<td>唯品会</td>
<td>京东</td>
</tr>
</table>
<br />
<a href="#top">返回最顶端</a>(回到最顶端,其实是回到设置的标签的位置)
</body>
</html>