超链接 img

超链接：可以被点击有一定功能的部分

      可以是一个字，可以图片，可以一个段落，什么都可以

      超链接是特殊的行内标签 里面可以放任何元素

      功能：

1、可以从一个页面跳到另一个页面

           2、可以在当前页进行跳转 （锚点功能）

           3、下载

      属性：

        href属性  指向跳转的地址

              绝对路径

                 已经上线的固定的网址，跟文件所处的位置无关

              相对路径

           电脑里还没固定网址的页面，跟文件所处的位置有关

                 ./  文件所在位置跟你要跳转的位置在同一个目录下  ./ 可省略

                 ../ 文件所在位置跟你要跳转的位置不在同一个目录下,

                        跳出当前文件夹，来到上一级目录下，若上一级目录下没有跳转地址，再../跳出

                        直到寻找到跳转页面为止

        target属性  控制超链接打开的方式

          可选值：_self  在当前页打开超链接页面  默认值 一般情况国外的网站比较常用

                 _blank  新开页面打开超链接页面

        锚点功能

          回到顶部   <a href="#">回到顶部</a> 这也是空链接写法

          去任意位置

              第一步：在对应的位置打一个id属性，配置一个id属性值

              第二步：在超链接href属性值里  #id属性值

              注意：id属性值  不能是数字开头，最好不要是汉字

        空链接的写法：

             <a href="#">写法一</a>

             <a href="javascript:;">写法二</a>

    

 <a href="https://www.baidu.com/"> 百度 </a> 

 <a href="./01.补充.html">点击跳转到列表标签文件</a>

 <a href="./测试/01.html" target="_self">点击跳转01文件</a>

    <h3 id="top"><a href="#dibu">回到底部</a></h3>

    <h3><a href="#center">去到中间</a></h3>

img标签引入图片

        src  指向图片引入的路径

            绝对路径   线上固定网址的图片

            相对路径   下载下来，在电脑里的图片

                ./   文件所处的位置跟引入图片在同一个目录下

                ../   文件所处的位置跟引入图片不在同一个目录下，跳出当前目录

        alt  对图片的文字描述，当图片引入不成的时候，文字会出现

            有助于我们推广部门推广，浏览器收录图片时，会对照alt属性

        width  设置图片的宽度

        height 设置图片的高度

          注意：一般情况下，不会同时设置width属性和height属性，防止出现图片变形

               只会设置一边，另一边浏览器会自适应调整比例

<img src="./img/hg.gif" alt="动态图" width="500" />