HTML 常用标签
HTML难点标签：
<table>标签
定义 HTML 表格。允许的元素有： <caption> 元素；<colgroup> 元素；<thead> 元素；<tbody> 元素； <tfoot> 元素；<th> 元素；<tr> 元素；<td> 元素。
示例：
<table border="1">
<caption>这是一个吃货的统计表</caption>
<colgroup>
<col width=100>
<col width=200>
<col width=300>
</colgroup>
<thead>
<tr>
<th>水果</th><th>苹果</th><th>桃子</th>
</tr>
</thead>
<tbody>
<tr>
<th>大</th> <td>2</td><td>22</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>小</th> <td>3</td><td>33</td>
</tr>
</tfoot>
</table>
<form>标签
标签用于为用户输入创建 HTML 表单。用于发起POST请求。<form>标签需要有提交按钮（submit button）才能提交内容。
示例：
<form action="suer" target="_blank">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="提交">
</form>
<input>标签
允许用户编辑数据的数据区 （文本框、单选框、复选框等）。
常用的值有button：无缺省行为按钮；checkbox： 复选框；radio：单选框。
<label> 标签为 input 元素定义标注（标记）。
示例：
<form action="suer">
哪些是水果(复选)
<label>苹果<input type="checkbox" name="fruit"></label>
<label>桃子<input type="checkbox" name="fruit"></label>
苹果是水果吗(单选)
<label>是<input type="radio" name="choose" value="yes"></label>
<label>不是<input type="radio" name="choose" value="no"></label>
<label>用户名<input type="text" name="username"></label>
<label>密码<input type="password" name="password"></label>
<input type="submit" value="button">
</form>
<select>标签
代表下拉框 。可创建单选或多选菜单，菜单内的选项为<option> , 可以由 <optgroup> 元素分组。选项可以被用户预先选择。
常用的值有multiple：标记select是否可以多选，默认是单选；disabled：不可选择；selected：默认选项；
示例：
<form action="suer">
<select name="group" multiple>
<option value="1" >第一组</option>
<option value="2" disabled>第二组不可选</option>
<option value="3" selected>第三组默认选项</option>
<option value="4">第四组</option>
</select>
<input type="submit" value="button">
</form>
<iframe>标签
建立一个内联的框架 。和<a>标签配合使用时，可以指定一个iframe来打开某个页面。
示例：
<iframe name="jians" src="#" frameborder="0"></iframe>
<a target="jians" href="http://www.jianshu.com">简书</a>
<a>标签
一个链接到其他资源的超链接 。用于发起GET请求。
示例：
<a href="http://www.jianshu.com">简书</a>
<a href="http://www.jianshu.com" target="_blank">新标签页中打开</a>
<a href="http://www.jianshu.com" target="_self">自己所在页面中打开</a>
<a href="http://www.jianshu.com" target="_parent">父级页面中打开</a>
<a href="http://www.jianshu.com" target="_top">顶级页面中打开</a>
<a href="http://www.jianshu.com" download>下载</a>
<a href="javascript:;">伪协议</a>
其他常用标签：
<title>标签
定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。一个 <head> 元素只能包含一个 <title> 元素
示例：
<head>
<title>这是一个显示在标签页上的标题</title>
</head>
<link>标签
link 元素是空元素，它仅包含属性。只能存在于 head 部分，它规定了外部资源与当前文档的关系。 这个元素可用来为导航定义一个关系框架。这个元素最常用于链接外部样式表。
示例：
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
<style>标签
包含文档的样式信息或者文档的部分内容。默认情况下，该标签的样式信息通常是CSS的格式。
示例：
<style type="text/css">
<nav>标签
描绘一个含有多个超链接的区域，这个区域包含转到其他页面，或者页面内部其他部分的链接列表。
示例：
<nav>
<ul>
<li><a href="#">首 页</a></li>
<li><a href="#">页面1</a></li>
<li><a href="#">页面2</a></li>
</ul>
</nav>
<h1>~<h6>标签
<h1> 是最大的标题，<h6> 是最小的标题。
示例：
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<header>标签
定义页面或文档的头部。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等。
示例：
<header>
<h1>这是一个页眉</h1>
</header>
<footer>标签
定义页面或文档的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。
示例：
<footer>
<p>这是一个页脚</p>
</footer>
<p>标签
定义一个段落。
示例：
<p>这是段落一</p>
<p>这是段落二</p>
<ol>、<ul>、<li>标签
<ol>定义一个有序列表；<ul>定义一个无序列表；<li>定义列表中的列表项。
示例：
<ol>
<li>这是列表1</li>
<li>这是列表2</li>
</ol>
或
<ul>
<li>这是无序列表</li>
<li>这是无序列表</li>
</ul>
<div>标签
代表一个通用的容器，没有特殊含义。它可以用来对其它元素进行分组。
<h r>标签
这是一个空元素。代表章节、文章或其他长内容中段落之间的分隔符。在浏览器中会被表现为一根水平线。
示例：
<h1>这是标题</h1>
<hr />
<p>这是段落</p>
<b r>标签
换行符，br是一个空元素。
示例：
换行<br>
换行<br>
再换一行<br>
end
<img>标签
代表一张图片 。有两个必需的属性：src属性和alt属性。
示例：
<img src="jianshu.png" alt="简书">
更多HTML 标签：HTML5 标签列表
