HTML常用标签

a 标签的用法

• 属性

1. href
   1. 网址
   • https://
   • http://
   • //google.com
   2. 路径
   • 绝对路径 /a/b/c
   • 相对路径 a/b/c
   3. 伪协议
   • javascript:;
   • mailto:
   • tel:
   4. id
   • href=#
2. target
   1. 内置名字
   • _blank
   • _top
   • _parent
   • _self
   2. 程序员命名
   • window的name
   • iframe的name
3. download
4. rel=noopener

• 作用

1. 跳转外部页面
2. 跳转内部锚点
3. 跳转到邮箱、电话

table 标签的用法

• 标签

  table，thead，tbody，tfoot，tr，td，th

• 样式

  • table-layout
  • border-collapse
  • border-spacing

img 标签的用法

• 作用

  发出get请求，展示一张图片

• 属性

  alt，height，width，src

• 事件

  onload，onerror

• 响应式

  max-width:100%

• 可替换元素

form 标签的用法

• 作用

  发出get或post请求，刷新页面

• 属性

  action，autocomplete，method，target

• 事件

  onsubmit

input 标签的用法

• 作用

  让用户输入内容

• 属性

  • 类型type：button，checkbox，email，file，hidden，number， password，radio，search，submit，tel，text

  • 其他name：autofocus，checked，disabled，maxlength， pattern，value，placeholder

• 事件

  onchange，onfocus，onblur

• 验证器

  HTML5新增功能

• 注意事项

  • 一般不监听input的click事件
  • form里面的input要有name
  • form里要放一个type=submit才能触发submit事件