HTML 常用的标签

<div> 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器，它在语义上不代表任何特定类型的内容，它可以被用来对其它元素进行分组，一般用于样式化相关的需求（使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang)，它应该在没有任何其它语义元素可用时才使用。
 

<iframe> 表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。在HTML 4.01中，文档可能包含头部和正文，或头部和框架集，但不能包含正文和框架集。但是，<iframe>可以在正常的文档主体中使用。每个浏览上下文都有自己的会话历史记录和活动文档。包含嵌入内容的浏览上下文称为父浏览上下文。顶级浏览上下文（没有父级）通常是浏览器窗口。

<iframe src="https://www.baidu.com" name="xxx"></iframe>

参数参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe
 

<a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

<a href="http://www.baidu.com">百度</a><!--链接外部地址-->
<a href="#属性">属性值</a><!--链接本页锚点-->

更多用法参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a
 

<form> 元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。
属性：
action一个处理这个form信息的程序所在的URL。这个值可以被 <button> 或者 <input> 元素中的 formaction 属性重载（覆盖）。
method浏览器使用这种 HTTP 方式来提交 form. 可能的值有:
post: 指的是 HTTP POST 方法 ; 表单数据会包含在表单体内然后发送给服务器.
get: 指的是 HTTP GET 方法; 表单数据会附加在 action 属性的URI中，并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做（数据暴露在URI里面）没什么副作用，或者表单仅包含ASCII字符时，再使用这种方法吧。
这个值可以被 <button> 或者 <input> 元素中的 formmethod 属性重载（覆盖）。
name这个form的名字。在HTML4中，这个用法不被推荐(作为替代，应该使用id). HTML5中，一个文档中的多个form当中，name必须唯一而不仅仅是一个空字符串。

<!-- 一个简单的表单，这个表单会发送一个 GET 请求 -->
<form action="">
  <label for="GET-name">Name:</label>
  <input id="GET-name" type="text" name="name">
  <input type="submit" value="Save">
</form>

<!-- 一个简单的表单，发送 POST 请求 -->
<form action="" method="post">
  <label for="POST-name">Name:</label>
  <input id="POST-name" type="text" name="name">
  <input type="submit" value="Save">
</form>

更多属性参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form
 

<input> 元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。
主要属性：
type要呈现的控件类型。常用types有：
button：无缺省行为按钮。
checkbox： 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。也可以使用 indeterminate 指示复选框在一种不确定状态（大多数平台上，显示为一条穿过复选框的水平线）。
password：一个值被遮盖的单行文本字段。使用 maxlength 指定可以输入的值的最大长度 。
radio：单选按钮。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，所有单选按钮的 name 属性使用同一个值； 一个单选按钮组中是，同一时间只有一个单选按钮可以被选择。
用法示例：

<!--单选框，用label标签包住能实现文字和按钮关联-->
<label>男<input type="radio" name="sex" value="male"></label>
<label>女<input type="radio" name="sex" value="female"></label>

<!--复选框-->
<label>苹果<input type="checkbox" name="fruit" value="apple"></label>
<label>梨<input type="checkbox" name="fruit" value="pair"></label>
<label>香蕉<input type="checkbox" name="fruit" value="banana"></label>

更多types值参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types
其他属性值参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input
 

<button> 元素表示一个可点击的按钮，可以用在表单或文档其它需要使用简单标准按钮的地方。 默认情况下，HTML按钮的显示样式接近于 user agent 所在的宿主系统平台（用户操作系统）的按钮， 但你可以使用 CSS 来改变按钮的样貌。
属性：
name button的名称，与表单数据一起提交。
type button的类型。可选值：
1.submit: 此按钮将表单数据提交给服务器。如果未指定属性，或者属性动态更改为空值或无效值，则此值为默认值。
2.reset: 此按钮重置所有组件为初始值。
3.button: 此按钮没有默认行为。它可以有与元素事件相关的客户端脚本，当事件出现时可触发。
4.menu: 此按钮打开一个由指定<menu>元素进行定义的弹出菜单。
value button的初始值。它定义的值与表单数据的提交按钮相关联。当表单中的数据被提交时，这个值便以参数的形式被递送至服务器。
示例：
<button name="button">Click me</button>
更多属性参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button
 

<table> 元素表示表格数据 — 即通过二维数据表表示的信息。
示例：

<p>Simple table with header</p>
<table>
  <tr>
    <th>First name</th><!--列标题-->
    <th>Last name</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>Doe</td>
  </tr>
</table>

<p>Table with thead, tfoot, and tbody</p>
<table>
  <thead><!--表头-->
    <tr>
      <th>Header content 1</th>
      <th>Header content 2</th>
    </tr>
  </thead>
  <tfoot><!--表尾-->
    <tr>
      <td>Footer content 1</td>
      <td>Footer content 2</td>
    </tr>
  </tfoot>
  <tbody><!--表内容-->
    <tr>
      <td>Body content 1</td>
      <td>Body content 2</td>
    </tr>
  </tbody>
</table>

更多属性值参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/table
HTML元素参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element