HTML——路径

1. 路径介绍

    1.1 用途（场景）：

• 页面需要加载图片/视频，需要先找到对应的图片

   1.2 路径分类：

• 绝对路径（了解）

• 相对路径（常用）

2. 绝对路径

    2.1绝对路径介绍：

• 指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径

• 例如：盘符开头： D :\day01\ images \1.jpg

• 完整的网络地址：https://www.html.cn/dqw/images/logo.gif（了解）

3. 相对路径

    2.1相对路径介绍：

• 从当前文件开始出发找目标文件的过程
• 当前文件：当前的 html 网页
• 目标文件：要找到的图片

   2.2相对路径分类：

• 同级目录
• 下级目录
• 上级目录

        2.2.1同级目录

• 同级目录介绍：当前文件和目标文件在同一目录中

• 代码步骤：直接写目标文件的名字即可

                        方法一：<img src ="目标图片.gif">

                        方法二：<img src ="./目标图片.gif">

        2.2.2下级目录

• 下级目录介绍：目标文件在下级目录中

• 代码步骤：1.先知道在哪个文件夹里面→文件夹名字

                          2.进入这个文件夹→/

                         3.此时看到目标文件直接喊她→直接写目标文件名字

        2.2.3上级目录

• 上级目录介绍：目标文件在上级目录中

• 代码步骤：1.先出当前文件夹，到上一级目录 → ../

                         2.此时看到目标文件直接喊她 → 直接写目标文件