三、HTML 图片路径、链接、锚点

1. 图片路径

HTML_16.jpg HTML_17.jpg HTML_18.jpg

<!--相对路径-->
![](images/1.jpg)

<!--绝对路径-->
![](E:\虾图片\01.jpeg)

2. 链接

HTML_19.jpg HTML_20.jpg

链接

<a href="http://www.baidu.com">百度一下</a>
<a href="../baidu-wolong.zip">点击解压</a>
<a href="#">刷新页面并返回顶部</a>
<a href="../111.txt">文本文件</a>
<!--target决定是否在新标签页打开链接页面-->
<a href="http://www.baidu.com" target="_self">百度一下</a>
<a href="http://www.baidu.com" target="_blank">百度一下</a>

锚点

<!--锚点练习-->
<div id="context">
  <a href="#first">第一章</a>
  <a href="#second">第二章</a>
  <a href="#third">第三章</a>
    </div>
      <br><hr><br>
      <div id="first">
        <h2>第一章</h2><a href="#context">回到目录</a>
      <br><br><br>
      换成别的标签，尝试了标签换`````
    </div>
      <br><hr><br>
      <div id="second">
        <h2>第二章</h2><a href="#context">回到目录</a>
      我当时是这么跟他们分析````
    </div>
      <br><hr><br>
      <div id="third">
        <h2>第三章</h2><a href="#context">回到目录</a>
      随着情况改变`````
    </div>