路径问题&假链接&锚点

路径问题

其实想给src属性赋值有两种方式：

1. 通过相对路径赋值(掌握)
   相对路径就是每次都从.html文件所在的文件夹开始查找, 我们称之为相对路径。

• 同级
  同级就是"图片"和".html文件"存储在同一个文件夹中。
  格式: src="QRCode.jpg"
  含义: 在.html文件所在的文件夹中查找名称叫做QRCode.jpg的图片

• 下级
  下级就是"存储图片的文件夹"和".html文件"在同一个文件夹中。
  格式: src="images/QRCode.jpg"
  含义: 在.html文件所在的文件夹中找到名称叫做images的文件夹
  然后再在images文件夹中找到名称叫做QRCode.jpg的图片

• 上级
  上级就是"存储图片的位置"和存"储代码的文件夹"在同一个文件夹中
  格式: src="../QRCode.jpg"
  含义：在.html文件所在的文件夹中找到这个文件夹的上一级文件夹, 然后再在上一级文件夹中找到名称叫做QRCode.jpg
  其中../代表找到当前文件夹的上一级文件夹，如果需要在上两级文件夹中寻找则是../../

2. 通过绝对路径赋值(了解)
   绝对路径就是每次都从指定的盘符开始查找:
   格式: src="C:\Users\Jonathan_Lee\Desktop\HTML基础\QRCode.jpg"
   含义: 在C盘下找到Users文件夹, 然后在Users文件夹中找到Jonathan_Lee文件夹, 然后在Jonathan_Lee文件夹中找到Desktop文件夹, 然后在Desktop文件夹中找到HTML基础文件夹, 然后在HTML基础文件夹中找到名称叫做QRCode.jpg的图片。

注意:
1.路径中不要出现中文, 否则可能出现未知问题；
2.如果是通过"相对路径"来指定图片, 不能跨盘符；

• 例如.html文件在C盘, 那么不能去查找D盘图片

假链接

假链接：就是点击之后不会跳转的链接我们称之为假链接。
作用：在企业开发前期, 其它界面都没有写出来, 那么我们就不知道应该跳转到什么地方, 所以就只能使用假链接来代替. 当项目后期其它界面都已经完成时再将假链接体会为真链接。
格式：< a href="#" ></a>或者<a href="javascript"></a>
区别：< a href="#" ></a>会自动回到所在网页的顶部，而<a href="javascript"></a>则不会跳转到所在网页的顶部。

锚点

1. 要想通过a标签跳转到指定的位置, 那么必须告诉a标签一个独一无二的身份证号码, 这样a标签才能在当前界面中找到需要跳转到的目标位置。
2. 如果和HTML中的标签绑定一个独一无二的身份证号码呢?在HTML中, 每一个标签都有一个名称叫做id的属性, 这个属性就是用来给标签指定一个独一无二的身份证号码的。
3. 所以要想实现通过a标签跳转到指定的位置分为两步：

• 给目标位置的标签添加一个id属性, 然后指定一个独一无二的值；
• 告诉a标签你需要跳转到的目标标签对应的独一无二的身份证号码是多少。
  格式:
  < a href="#center" >跳转到中部< /a >
  < h2 id="center" >我是中部< /h2 >
  注意点:

1. 通过我们的a标签跳转到指定的位置, 是没有过渡动画的, 是直接一下子就跳转到了指定位置；
2. a标签除了可以跳转到当前界面的指定位置以外, 还可以在跳转到其它界面的时候直接跳转到其它界面的指定位置；
   格式:
   <a href="13-锚点测试界面.html#bottom" target="_blank">跳转到锚点测试界面</a>
   < h2 id="bottom" >我是锚点测试界面33333< /h2 >