HTML常用标签

a 标签的用法

a 标签是打开页面输入网址的方式
属性

1. href 里面填入超链接地址
   属性的取值最好用 //google.com 他会继承当前网址的网址前缀
   因为这样会自动选择 http / https 打开
   路径分为绝对路径和相对路径
   / 绝对路径为当服务器打开的当前文件为准
   / 相对于当前文件的路径
   伪协议
   javascript 代码
   href=”javasdript“阻止标签做任何事情
   href=“ ” 刷新页面
   href=“#” 会退到页面顶部
   mailto：邮箱 会发邮件
   tel：手机号 会打电话
2. target 打开目标
   _self 通过自身打开
   _blank 通过空白页打开
   _top 在最上级打开（html层级）
   _parent 在父元素打开
   自定义
   如果没有自动创建
   如果有就用这个窗口
   验证 window.name 为新窗口的名字
3. rel = noopenerr

img 标签的用法

1. 图片地址 相对路径/绝对路径
2. 作用发出 get 请求，展示一张图片
3. 属性
   * alt 加载图片失败后的内容
   * height 高
   * width 宽
   * src 路径
4. 事件（可搭配JS使用）
   * onload 加载成功事件
   * onerror 加载失败事件
5. 响应式
   * max-width:100%;
   * 在不同设备上保证图片的完整性

table 标签的用法

1. 相关一级标签
   thead 表头
   body 表身
   tfoot 表尾

2. 相关二级标题
   r 表示一行
   th 表示表的头部（加粗部分）
   td 表示表格数据

3. 相关样式

   • table-layout
     auto 自动根据内容计算每个单元格的宽和高
     fixed 尽量平均每个单元格的宽度
   • border-collapse
     一般设置值 collapse 合并表格
   • border-spacing
     一般设置表格间隙为 0