a标签

1.a标签的href属性

没有href属性是没有意义，本身和span没有区别。
href="qq.com"---->打开的是一个相对文件路径，并不会打开网址。
href="http://qq.com"---->打开是一个网址。
href="//qq.com"---->这是无协议，自动继承协议//会自动识别在它之前的协议。若是直接打开，识别的是file协议，若是指定了协议，例如localhost:8080//qq.com，则会识别http协议，从而打开qq网址。
href="javascript:;"---->这是伪协议，这种用法常见于奇葩的需求。例如：我需要一个点击之后不反应的链接。
---->if我们不使用href，就点击不了，不符合。
---->if我们使用href=""则会刷新本页面，不符合。
---->if我们使用href="#"产生锚点，会调到页面最上端，不符合。
---->if我们使用href="javascript:;"，不产生任何动作，解决！
---->href="javascript:alert(1)"，是存在可执行的。
href="?name=luoxin"，会在url后面添加?name=luoxin并且发起了一个get请求。
href="#xxx"，在url后面添加#xxx添加一个锚点，并不会发起请求。

2.a标签的target属性

主要有:
 "_blank"：新开一个空白页，打开网址。
"_self"：在自身窗口打开网址。
"_parent"：在父级窗口打开网址。
"_top"：在最上级窗口打开网址。
如果我用（iframe）在A窗口中嵌套B窗口，在B窗口中嵌套C窗口。那么C窗口的父级指的是B，最上级指的是A。

3.a标签的download属性

可以实现下载操作。

---

form标签

标签要有name属性，不然是无法在请求中得到。

1.a标签和form标签都是跳转页面，不过a标签是get请求，form是post请求。get是获取内容，post是提交内容。
2.form标签的target属性和a标签是一样。
3.form里面没有提交按钮是无法进行提交表单。（除非用JS）

form里面的input

input的type属性

<button>xxx<button>---->button样式--A
<input type="submit" value="xxx">---->button样式--B
<input type="button" value="xxx">---->button样式--C
上面三个都是一样的button样式。那么他们有什么区别呢？如果一个form中没有submit按钮。那么A就会自动升级为提交按钮，具有提交功能，B具有提交功能，C是严格意义上的按钮，不具有提交功能。
-------------------------------------------------
<input type="checkbox">
多选框，示例如下：
<input type="checkbox" id="xxx">
<label for="xxx">名字</label>
label的for属性关联了checkbox，点击文字时，多选框也会被选中。
---->简洁版如下：
<label><input="checkbox">名字</label>
省略了id和for，更加简洁。
------------------------------------------------
<input type="radio">
也可以与文字关联和checkbox一样使用关联。
-----------------------------------------------
<input type="text">

select标签

<select multiple> ---->multiple支持多选
<option disabled> ---->diabled属性，选项中标记了disabled是无法被选中。
<option selected> ---->selected属性，默认选中的选项。
</select

---

table标签

<thead>
<tbody>
<tfoot>
浏览器会按照这个顺序来进行显示，不按照写的顺序显示。

table有很多子元素，示例：

table.jpg