a标签

• href属性

1. 最常见的值是一个网页的URL，如 <a href="http://qq.com">QQ</a>；
2. 无协议a标签，如 <a href="//qq.com">QQ</a>，此时所用协议与当前页面相同；
3. a标签href使用锚点#，此时点击a标签不发送请求，如 <a href="#aaa">aaa<a/>，此时点击a链接页面锚点变为aaa，使用锚点可以实现当前页面的跳转；
4. a标签href内容为空， <a href="">QQ</a>，点击a链接会刷新当前页面；
5. 类似 <a href="?name=xxx">a链接</a> 的a标签，再点击后会发送一个GET请求，请求的值就是 name=xxx
6. 使用路径作为href的值， <a href="main.html">main</a>，点击后会跳转到main.html；
7. 伪协议： <a href="javascript: alert(1);"></a> 会执行href中的JavaScript代码，<a href="javascript:;"></a>将不会执行任何操作；

• target属性

1. _self ：加载当前页面，如果没有指定属性，则此值为默认；
2. _top： 加载响应进入顶层页面，如果没有父级框架或页面，效果与 _self相同；
3. _parent：在父级页面打开地址；
4. _blank：在新窗口打开；

img标签

• 作用：发出get请求，展示一张图片

• 只写宽或高，另外一个会自适应（永远不让图片变形）

• 事件：

  • onload
  • onerror

• 响应式：max-width：100%

table标签

需要用到的标签：

• thead
• tr：table row
• th：table head
• tbody
• td：table data
• tfoot

几种样式：

• table-layout：表格宽度
• border-spacing：表格之间空隙
• border-collapse：合并表格

form标签

发get或者post请求，然后刷新页面

action：访问哪个页面

method：get还是post请求

autocomlete：是否给出建议的填充内容

target：提交到哪个页面并刷新

事件：onsubmit

input的属性：

• name
• type：text、color、password、radio 、checkbox、file、hidden

其它输入标签：

• textarea
• select

事件：

• onchange：输入改变
• onfocus：鼠标到达
• onblur：鼠标离开

验证器

注意事项：

• 一般不监听input的click事件
• input都要有name
• form标签里面，必须有一个type=submit的标签才能触发submit事件

感想：最好多查查mdn