iframe标签
内联框架元素< iframe>表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。
在HTML 4.01中，文档可能包含头部和正文，或头部和框架集，但不能包含正文和框架集。但是，< iframe>可以在正常的文档主体中使用。每个浏览上下文都有自己的会话历史记录和活动文档。包含嵌入内容的浏览上下文称为父浏览上下文。顶级浏览上下文（没有父级）通常是浏览器窗口.
<iframe src="http://qq.com" frameborder= "0"></iframe>
默认的iframe的高度是50px，宽度是100px，因为高度是其自己决定的，所以iframe是可替换标签
窗口的大小可以通过css属性进行调整
因为iframe默认属性中内嵌网页是有外边框的，所以 frameborder=0是为了取消外边框
<iframe name=xxx src="#"></iframe>
<a target=xxx href="http://qq.com">QQ</a>
如果不加"target=xxx",则QQ这个链接就会跳转到另一个页面打开。
如果加了"target=xxx"，则QQ这个页面就会在当前页面嵌套一个页面打开
a标签
跳转页面（HTTP GET请求）
HTML < a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。
<a href="http://qq.com" target= "_blank">QQ</a>
<a href="http://qq.com" target= "_self">QQ</a>
<a href="http://qq.com" target= "_parent">QQ</a>
<a href="http://qq.com" target= "_top">QQ</a>
- _blank,在另一个页面打开此网页。
- _self，在本网页打开此网页（默认）。
- _parent，在父级窗口打开此网页。
- _top,在顶级窗口打开此网页。
download
此属性指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。
如果属性有一个值，它将在保存提示中用作预先填写的文件名 (用户仍然可以根据需要更改文件名)。对允许的值没有限制，但是/和\被转换为下划线。大多数文件系统限制文件名中的一些标点符号，浏览器会相应地调整建议的名称。
注意：
<a href="qq.com">QQ</a>
此时打开的是一个文件。
.com不一定是域名，他也可能是文件。
<a href="//qq.com">QQ</a>
此时如果是file协议下打开这个网址，他打开的是一个路径，也不是一个网页。
<a href="javascript: ;">QQ</a>
- 使用伪协议，这样点击"QQ"就什么都不会发生。那能不能用"#"代替"javascript: ;"呢。
答案是不能，如果页面有滚动条，拖到中间位置你再点会发现直接弹到顶部窗口，这样就会“动一下”。 - 那能不能把"href"去掉呢
答案是不能，a标签必须要有href - 那能不能用" "代替呢
答案是不能，用空代替，点击之后浏览器会默认属性页面。
form标签
跳转页面（HTTP POST请求）
HTML < form> 元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。
可以用 :valid 和:invalid CSS 伪类 来给一个元素指定样式。
<from action="user" method="post">
<input type="text" name="xxx">
<input type="password" name="yyy">
<input type="submit" name="提交">
如果< from>标签中没有提交按钮（submit），就无法使用，除非用JS
- action:指定请求路径。
- method:指定请求动词（get或post）
- 如果method使用get，那它就没有请求的第四部分，而且用户名跟密码也会以明文的方式出现在查询参数里。
- < from>标签中也有target属性，跟< a>标签的用法是相同的。
- < from>标签内的< input>标签中必须要添加name，才能上传。
input标签--button
button:无缺省行为按钮。
注意：
如果< from>标签内只有此< input type="button" value="按钮">标签，
没有提交按钮（submit）的话，则不能提交。
如果改成< button>按钮< /button>，则此时的button会自动升级会提交按钮。
input标签--checkbox （复选框）
复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。也可以使用 indeterminate 指示复选框在一种不确定状态（大多数平台上，显示为一条穿过复选框的水平线）。
<input type="checkbox" id="xxx"><label for="xxx">点我</label>
如果不加< lable>属性则，只有点击复选框才能选中，但是加了< lable>的话，点击”点我”也可以选中
注意： lable的for要跟input里的id要一起出现
但是通常不这么写，我们可以直接写成：
<label> <input type="checkbox"></label>点我
直接用label包含input就行了。
input标签--radio （单选框）
单选按钮。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，所有单选按钮的 name 属性使用同一个值； 一个单选按钮组中是，同一时间只有一个单选按钮可以被选择。
<input type="radio" name="xxx">点我
<input type="radio" name="xxx">点他
input标签--select 下拉框
HTML select (< select>) 元素是一种表单控件，可创建选项菜单。
菜单内的选项为< option> , 可以由 < optgroup> 元素分组。选项可以被用户预先选择。
<select name="group">
<option value=" "> </option>
<option value="1">第一组</option>
<option value="2">第二组</option>
<option value="3">第三组</option>
<option value="4">第四组</option>
<select name="group" multiple>
<option value=" "> </option>
<option value="1">第一组</option>
<option value="2">第二组</option>
<option value="3" disabled>第三组</option>
<option value="4" selected>第四组</option>
- multiple表示的是该下拉选项成为了多选，如果不加就是单选。
- disabled表示的是该选项不可选。
- selected表示的是该选项是默认下拉选项。
input标签--textarea 文本域
HTML < textarea> 元素表示一个多行纯文本编辑控件。
< textarea>标签默认属性，文本域是会被拉动，必须要加css属性来控制器大小
"resize: none;"
其中默认属性中col和rows。col是列，rows是行，但是其属性值不准确，还是得用css来控制
table标签
HTML的 table 元素表示表格数据 — 即通过二维数据表表示的信息。
子标签：
- < thead></ thead>
- < tbody></ tbody>
- < tfoot></ tfoot>
- < colgroup></ colgroup>
在子标签中可以输入< th>< tr>< td>
<colgroup>
<col width=100 bgcolor=red>
</colgroup>
此代码表示的是第一列宽度为100，背景色红色 ，以此类推。
如果把tfoot放在thead前面会变化吗？
答案是不会，因为浏览器会自动调整。
border-collapse : collapse; 取消表格之间的间隙
align
这个枚举属性指定了包含在文档中的表格必须如何对齐。有如下值:
- left,表格将在文档左侧显示。
- center，表格将在文档中间显示。
- right，表格将在文档右侧显示。
cellpadding
这个属性定义了表格单元的内容和边框之间的空间。如果它是一个像素长度单位，这个像素将被应用到所有的四个侧边；如果它是一个百分比的长度单位，内容将被作为中心，总的垂直（上和下）长度将代表这个百分比。这同样适用于总的水平（左和右）空间。
cellspacing
这个属性（使用百分比或像素）定义了两个单元格之间空间的大小（从水平和垂直方向上），包括了表格的顶部与第一行的单元格，表的左边与第一列单元格，表的右边与最后一列的单元格，表的底部与最后一行单元格之间的空间。
