a标签的用法

a标签实例
<a href="//example.com" target="_blank">

href

可以创建通向其他网页、文件、电子邮件地址或任何其他 URL 的超链接
href取值

• 网址: //example.com 无协议地址
• 文件路径
• 伪协议

1. javascript为协议 href = "javascript:可执行js;"
2. javascript为协议 href = "javascript:;" a标签 什么都不做
3. href #xxx(id) 跳转到指定标签
4. mailto:邮箱地址，可以跳转至邮箱界面
5. tel:电话号码，可以直接打电话

target

在哪个标签页打开

• _blank 新标签页
• _self 当前页面
• _top 顶层页面
• _parent 上层页面
• xxx : 有就用xxx 没有就新建

download

下载网页

rel=noopener

阻止新标签通过JavaScript的功能控制其引用窗口

table标签的用法

• thead
• tr
  行
• th
  表头
• tbody
• td
  数据
• tfoot

相关样式

• table-layout
  auto 会根据内容自动对齐宽度 fixed尽量平均
• border-collapse:collapse border合并
• border-spacing:0 border间距离为0

img标签的用法

• 作用:发起一个get请求，展示一张图片
• 属性:src，alt，width，hidth
  img src ="图片地址" alt="加载失败时地址"
  未填写宽度或高度会自适应
  max-width 100% 最大宽度，响应式，通常可使图片在手机上可观看
• 事件:onload onerror
  onload:加载成功时
  onerror:加载失败时

form标签的用法

• 作用
  发送get/post请求，然后刷新页面
• 属性
  action 要发送请求的地址
  autocomplete 值为on时 输入框有name的属性能够自动填充，值为off时候没有
  method 设置请求方式为get/post
  target 同a标签
• 事件
  onsubmit 当有type="submit"的标签时候，会触发该事件，form必须有一个type="submit"，表单才能提交

input标签

• 作用
  让用户输入内容
• 属性
  type：button/text/color/password/radio/checkbox/file/hidden等等
• 事件
  onchange
  输入内容改变时候触发
  onfocus
  光标移中时触发
  onblur
  光标移走时触发
• 验证器
  required 然后就会自动验证是否为空

其他标签

• select+option 实现下拉框选择
• textarea 长文本的输入，可自由拉拽，设置样式