一 a标签的用法
    a标签是超链接标签。用于点击它时，跳转到新的页面。
    href属性，全拼是hyper+reference。
    值可以是以下三类：

    1. 网址：
    2.     https...是加密网址
    3.     http...是过去的未加密网址，没有https安全
    4.     //google.com  只要输入网址时，就按这个形式输入绝对没错
    5. 路径：
    6.     /a/b/c 以及a/b/c
    7.     index.html以及./index.html（./也表示当前目录）
    8. 伪协议：
    9.     javascript:代码      例子：javascript:代码;，我们一般写：javascript:;，来让a标签什么都不做
    10.     mailto:邮箱，点击会调用邮箱程序
    11.     tel:手机号，点击可以直接拨打电话

    image.gif
    还有几种属性：
    1 target指定在什么地方打开，
    值为_blank 打开新页面
    值为_self本页面打开
    值为_top从最外层页面打开
    值为_parent 父级页面打开
    值为xxx ，如果target里是xxx，那么打开一次a标签链接后，打开的窗口就是xxx，再用别的链接打开xxx，更新的就是刚才的这个xxx页面。如果在iframe里name属性里写上xxx，就是在这个iframe中打开页面链接
    2 download 是指定下载资源的属性，但兼容性不好。
    3 rel=noopener

    二 img标签的用法
    img是图片显示标签。
    属性src 的全拼是source，会发出get请求展示图片。
    属性alt，是鼠标停留在图片上时显示的文本。
    属性height是高度
    属性width是宽度
    事件onload是加载图片之后发生的事件
    事件onerror是加载图片失败后的事件

    三 table标签
    thead 表格顶层标题栏
    tbody内容格子栏
    tfoot表格脚步
    注意：无论这三个是怎么顺序写的，都会按照上面的顺序渲染。
    tr的全称是table+row，行标签
    th的全称是table + head，表头格子标签
    td的全称是table + data，普通的表格格子标签
    相关样式：
    table-layout 自动计算格子宽度
    border-collapse 表格边框间的缝隙
    border-spacing 格子间的缝隙距离
    易错点：注意thead 和tbody都要写全，不然浏览器会自动纠错。
    四 其他感想
    这个任务中有一点内容是我工作中没有使用的。
    例如平时我给checkbox写事件时用的是click，但建议是onfocus。一直不知道，img加载是发送的get请求。chrome调试一直页没打开过Preserve log勾选项。这些自学可能不会接触到。