一.<a></a>标签的用法

1.作用：

• 跳转外部页面
• 跳转内部锚点
• 跳转到邮箱或者页面等

2.属性：

• href：
  • 网址：例如：//google.com
  • 路径：绝对/相对路径
  • id：href="#xxx"，跳转到内部锚点
• target：
  • _blank：在空白页面打开
  • _top：在顶部打开
  • _parent：在父元素上跳转
  • _self：在本元素上跳转
• download：
  • 作用：不是打开页面而是下载页面
  • 问题：有些浏览器特别是手机浏览器可能不支持

二.<img/>标签的用法

1.作用：发送给get请求，展示一张图片

2.属性：

• alt：图片显示失败时提示的文字
• height/width：高/宽，一般只设置一个即可，不然图片会变形（永远不要让图片变形！）
• src：图片地址

3.事件：

• onload/onerror：图片加载成功/失败

4.响应式：

• max-width:100%

三.<table></table>标签的用法

1.相关标签

table：表格 
thead：表格的头部 
tbody：表格的中间部分 
tfoot：表格的尾部 
tr：table+row，table里的一行 
th ： 表头 
td ：table+data，表格里的数据

2.相关样式

table-layout:auto; 默认值，自动计算行的宽，高，自动对齐 
table-layout:fixed; 尽量平均宽和高 
border-collapse:collapse; 合并表格 
border-spacing:0; 控制border之间的距离为0

四.<form></form>标签的用法

1.作用：发送get或者post请求，然后刷新页面

2.属性：

• action：请求哪个页面
• method：请求方式是get还是post
• autocomplete：是否自动填充
• target：提交到哪个页面

3.事件：onsubmit

<input type="submit"/>和<button type="submit"></button>的区别： 前者的提交框不能加内容，后者的提交框可以加便签、样式等。

五.<input/>标签的用法

1.作用：让用户输入内容

2.属性：

• type：
  • text/color/password
  • radio(单选框)/checkbox(复选框)
  • button/submit
  • file (multiple(文件多选))
  • hidden(隐藏输入框，一般是给程序自动输入，不是给用户输入)
• <textarea></textarea>：多行输入
  • style="resize:none"：禁止用户拖动输入框，固定大小
• <select>：选择框

3.事件：onchange/onfocus/onblur

4.验证器：html5新特性