1.HTML head, title, body 标签
其中 meta 中的keywords是为了快速的让搜索引擎找到
<html> <head> <title>这是我的第一个网页文件</title>
<meta name="Generator" content="EditPlus">
<meta name="Keywords" content="java,j2ee">
<meta name="Description" content="">
</head>
<body> 这是第一个网页文件,测试Body标签 </body>
</html>
2.HTML br, p, h1,ul,ol标签
<html> <head> <title>文本标签测试</title> </head> <body> 开始第一个网页，<br/> ----换行 准备介绍文本标记 <p align="center"> ----段落 呼呼，我换行了 </p> 另一行 <h1>这是一个h1的标签</h1> ---标题1 <h2>这是一个h2的标签</h2> ---标题2 <h3>这是一个h3的标签</h3> <h4>这是一个h4的标签</h4> <h5>这是一个h5的标签</h5> <ul> --unorder list <li>唐僧</li> <li>悟空</li> <li>八戒</li> <li>沙僧</li> </ul> <ol> --order list <li>刘德华</li> <li>张学友</li> <li>郭富城</li> <li>黎明</li> </ol> </body> </html>
3. HTML dl, dt, dd标签
<html> <head> <title>练习1</title> </head> <body> <ul> <li> <h2>网站首页</h2> <ul> <li>机构设置</li> <li>机构设置</li> <li>机构设置</li> <li>机构设置</li> </ul> </li> <li>网站首页</li> <li>网站首页</li> <li>网站首页</li> <li>网站首页</li> </ul> <h2>质监动态</h2> <ul> <li>xxxxxxx</li> <li>xxxxxxx</li> </ul> <dl> ---data list <dt>质检动态</dt> ---data type <dd>关于xxxxx的文章</dd> ---data detail <dd>关于ddddd 的文章</dd> </dl> </body> </html>
原文：http://www.cnblogs.com/andypengyong/p/7134223.html