一、iframe 标签

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）——嵌套页面

代码示例：<iframe src="https://www.baidu.com" name="xxx"></iframe>

iframe标签属性

二、a 标签

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性，它指示链接的目标。

代码示例：

指向 baidu 的超链接：<a href="http://www.baidu.com">Baidu</a>

注意：

1、如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性；

2、被链接页面通常显示在当前浏览器窗口中，除非规定了另一个目标（target 属性）；

3、使用 CSS 来设置链接的样式。

a标签属性

三、form 标签

定义和用法：

<form> 标签用于为用户输入创建 HTML 表单；

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等；

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素；

表单用于向服务器传输数据。

注释：form 元素是块级元素，其前后会产生折行。

代码示例：

<form action="form_action.asp" method="get">

<p>First name: <input type="text" name="fname" /></p>

<p>Last name: <input type="text" name="lname" /></p>

<input type="submit" value="Submit" /> </form>

效果如下：

form标签示例

form标签属性

四、input / button

两者区别：是否为「空标签」

1、input

定义和用法：<input> 标签用于搜集用户信息；根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

input标签属性

代码示例：

<form>

名：

<input type="text" name="firstname">

<br />

姓：

<input type="text" name="lastname">

</form>

效果如下：

input示例

2、button

定义和用法：

<button> 标签定义一个按钮；

1、在 button 元素内部，可以放置内容，比如文本或图像；这是使用 button 与使用 input 创建的按钮之间的不同之处；

2、<button> 控件与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容；<button> 与 </button> 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像；

3、唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为；

4、请始终为按钮规定 type 属性；Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

button标签属性

代码示例：

以下代码标记了一个按钮：

<button type="button">Click Me!</button>

效果如下：

button示例

五、table 标签

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。