这篇文章谈一下html中三个常用标签，<a>/<img>/table比较常见的用法。
a标签
作用：跳转到别的网页地址/当前网页锚点/拨号界面/邮箱界面/伪协议空跳
href属性（hyper reference）
- 网址：
建议省去协议名，例如谷歌的地址直接写
<a href='//google.com'>谷歌</a>
这样可以避免协议输入错误时发生多余的网络跳转请求。
- 路径：
网页真实使用使用情况下（是http/https协议，不是file），此时路径href的值如果是路径/login/user，根目录对应的是当前html所在目录而不是传统意义上的根目录，当然此处也可以写相对路径login/user
由于上述原因，建议开发者在调试含a链接相关网页时，用HTTP协议的方式打开html,不建议双击html文件或者vscode中右键
open in brrowser方式
- 伪协议：
javascript:;实现空跳（不刷新网页），几个小细节，冒号后面其实可以跟简单的js代码，click之后便可以运行；也因此，其实分号可以省略。
href='#'貌似也可以实现空跳（不刷新网页），但是会自动跳回页面顶部
#id可以跳到当前页面该id元素，锚点跳转。
下面这两个我爱了。
mailto:[邮箱地址]：跳转发邮件
tel:[电话号码]跳转拨号界面
target属性
_blank
在新标签进行跳转（一般国内使用较多）
_self(默认值)
由自身窗口跳转
xxx(自定义)
以xxx新窗口跳转，跳转之后的window.name ='xxx',所以当多个a的target指向xxx时，同时只能打开其中一个超链接（很酷有木有）
_top
以顶层窗口跳转（当前页面的最高级窗口）
_parent
以当前元素的父级窗口跳转。
后两个值了解一下就好，
<iframe>标签会用到，但是iframe已经不常用了
img标签
作用：发出一个GET请求，展示一张图片。
注意是img,不是image
img标签的属性
alt :
图片描述（图片裂开时展示）
title:
（其实是全局属性，hover时展示）
height/width:
这是img标签的属性，不是css，也不是全局属性style的内联样式
img标签的事件
onload
onerror
[img].onerror = function{ [img].src = "" },图片加载失败时的替代图
img标签的移动端响应式
max-width = 100%
table标签
<table>
<thead>
<tr name='table row'>
<th>表头</th>
<th>表头</th>
</tr>
</thead>
<!-- 不写tbody、tr,有时候也能正常显示，浏览器帮你自动纠错，但是你不能这么做 -->
<!-- thead、tfoot互换位置，也一样，依旧正常显示，浏览器纠错 -->
<tbody>
<tr>
<td>table data</td>
<td>table data</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
