!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords"content="杰瑞教育,网页开发">
<meta name="description"content="这是我在杰瑞教育开发的第一个网页！">
<title>这是我的第一个网页！</title>
<link rel="icon"href="img/icon.jpg"/>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<hr/>
<p>这是一段文字这是一段文字这是一段文字<br/>这是一段文字这是一段文字这是一段文字</p>
<p>这是一段文字这是一段文字这是一段文字<br/>这是一段文字这是一段文字这是一段文字</p>
<pre>
这是一段文字
这是一段文字
这是一段文字
这是一段文字
</pre>
<!--
pre标签：预格式标签。会保留代码中的空格，回车等符号，直接在浏览器显示
pre标签常用于在网页中显示代码，保留代码格式！！
-->
<blockquote cite="http://www.baidu.com">
光明正大的抄你的！
</blockquote>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>这是无序列表第一项</li>
<li>这是无序列表第二项</li>
<li>这是无序列表第三项</li>
<li>这是无序列表第四项</li>
</ul>
<ol>
<li>这是有序列表第一项</li>
<li>这是有序列表第二项</li>
<li>这是有序列表第三项</li>
<li>这是有序列表第四项</li>
<dl>
<dt>这是dl列表的标题</dt>
<dd>这是dl列表的描述项1</dd>
<dd>这是dl列表的描述项2</dd>
<dd>这是dl列表的描述项3</dd>
</dl>
<figure>
<img src="img/icon.jpg"/>
<figcaption>图片的描述标题</figcaption>
</figure>
<div style="width:500px;height:100px;background-color:yellow ;">
这是div里面的文字
<p>11111</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a name="top"></a>
江汉真<span style="color: red;font-size:48px ;">帅</span><br />
<em>这是em标签</em><br />
<strong>这是strong标签</strong><br />
<i>这是i标签</i><br />
<b>这是b标签</b><br />
<u>这是u标签</u><br />
<q cite="http://www.666666.com">我是q标签引用</q>
<blockquote>我是blockquote的引用</blockquote>
<cite>我是city标签的引用</cite><br />
<small>我比正常小一号</small><br />
<big>我比正常大一号</big><br />
<img src="https://www.baidu.com/img/bd_logo1.png"/>
<img src="img/icon.jpg"height=""width=""title="鼠标指上后看到的提示文字"alt="图片无法加载时看到的文字"align="bottom"/>12345
<img src="../icon.jpg" /><br />
<div style="height: 800px;background-color: red;"></div>
<a href="http://www.baidu.com"title="hhh"target="_blank">这是一个超链接</a>
<a href="mailto://jianghao@jrel.com"title="hhh"target="_blank">点击链接发封邮件</a>
<a href="#top">点击跳转到顶部！</a>
<a href="img/text.html#one">点击跳到新页面第一部分</a>
<a href="img/text.html#two">点击跳到新页面第二部分</a>
<a href="img/text.html#three">点击跳到新页面第三部分</a>
<a href="img/text.html#four">点击跳到新页面第四部分</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1"cellspacing="0"style="border-collapse: collapse;"
cellpadding="15"bgcolor=""bordercolor=""background="">
<tr>
<th>标题一</th>
<th>标题二</th>
<th>标题三</th>
</tr>
<tr>
<td align="right"valign="bottom">1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
</table>
<table border="1">
<tr>
<th>标题一</th>
<th colspan="2">标题二</th>
</tr>
<tr>
<td rowspan="2">1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>2-2</td>
<td>2-3</td>
</tr>
</table>
</body>
</html>
原文：http://www.cnblogs.com/sin0/p/7041248.html