1. a 标签 -超链接

• 代码块：

  <a href="https://google.com" target="xxx">超链接</a>
  

• 作用：
  • 跳转到外部页面
  • 跳转到内部锚点
  • 跳转到邮箱或电话
• 属性：
  • href 超链接
    • 网址
      • google.com\
      • google.com\
      • //google.com【用这种不需要加前面的】
    • 路径
      • /a/b/c 绝对路径 以及 a/b/c 相对路径
      • index.html 以及./index.html
    • 伪协议
      • javascript:代码;
      • mailto:邮箱 唤起邮箱给某某某发邮箱
      • tel:手机号 唤起拨号，并把手机号置入
    • id
      • href="#xxx"
  • target 在哪个窗口打开超链接
    • _blank在空白页面打开
    • _self 在当前页面打开，默认
    • _top 在顶级窗口打开【ifram能看到效果，一个页面里面又嵌套一个，在里面那个打开，就会在外面那个打开超链接】
    • _parent 在当前链接所在的ifram的上一层打开
  • download [很多浏览器不支持]下载这个网页
  • rel=noopener 为了防止一个bug【详细的后面会讲】

2. img 标签-图片

• 代码块：

  <img src="" alt="">
  

• 作用：发出get请求，展示一张图片
• 属性：
  • alt 可选的，替换的，如果图片显示失败了展示字提示用户
  • height 图片的高， 只写高度，宽度会自适应
  • width 图片的宽，只写宽度，高度会自适应【底线！！永远不能让图片变形，以后将】
  • src 图片地址
• 事件：
  • onload 图片加载成功
  • onerror 图片加载失败
• 响应式：

      max-width: 100%;
  

3. table 标签-表格

• 相关标签：
  • thead 头部
  • tbody 身体
  • tfoot 脚部
  • tr 行
  • th表头
  • td数据
• 相关样式：
  • table-layout: auto;根据内容自动计算宽度
  • table-layout: fixed;平均
  • border-collapse: collapse;合并，中间无空隙
  • border-spacing: 0;表格距离是0

4. 其他感想

坚持！！！细心！！！