<html>
<head>
<title>常用元素标签</title>
<style type="text/css">
/*CSS样式一般写在这儿,这是CSS注释*/
body{
color:red;
}
</style>
</head>
<body>
<!-- html中的注释格式 -->
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<em>斜体文字(一般歪果仁强调语义的字体)</em>
<br /><!-- 换行符(空标签) -->
<strong>粗体文字(一般中果仁强调语义的字体)</strong>
<p>段落</p>
<q>简单的引用</q>
<blockquote>对长文本引用,左右会有缩进的效果</blockquote>
<span>没有语义,用于表示特殊的样式</span>
<!-- html代码忽略回车,以及1个以上的空格,多个空格应使用" ",例子如下 -->
<p>没想到输入 空格 这么麻烦,23333</p>
<hr /><!-- 不华丽的分割线(空标签) -->
<address>电子邮件,住址,签名,文档的作者身份</address>
<code>加入一行代码,var = "hello world";</code>
<!-- pre元素,保留语言代码段,保留空格,回车,例子如下 -->
<pre>
foreach(var item in strArray){
Console.writeLine(item);
}
</pre>
<ul>
<li>ul-li,无序的信息列表
</li>
<li>ul-li,无序的信息列表
</li>
</ul>
<ol>
<li>ol-li,有序的信息列表:1
</li>
<li>ol-li,有序的信息列表:2
</li>
</ol>
<table summary="HakunaMatata摘要是不会显示出来的)">
<caption>表格标题</caption>
<tbody>
<tr>
<th>名字</th>
<th>爱好</th>
</tr>
<tr>
<td>彭彭</td>
<td>吃</td>
</tr>
<tr>
<td>丁满</td>
<td>跳舞</td>
</tr>
</tbody>
</table>
<!-- target="_blank" 使用新页面打开 -->
<a href="http://www.baidu.com" title="鼠标滑过显示" target="_blank">打开百度</a>
<!-- mailto可以发邮件,关键字有,cc(抄送地址),bcc(蜜饯抄送地址),;(多个隔开),
subject(邮件主题),body(邮件内容)
第一个关键字用?分割,后面的用&分割-->
<a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感。body=你好，对此评论有些想法。">对此影评有何感想，发送邮件给我</a>
<img src="图片http地址" alt="图片无法显示,用此文字替代" title="电影介绍" >
</body>
</html>原文：http://www.cnblogs.com/KLL916/p/5022445.html