一、相对路径(重要,经常用到)

相对路径指向了相对于当前页面的文件。

可以分为下面 3 中情况:

1、与当前文件在同一个文件夹中(同一级目录中),这样就可以直接输入文件的名字即可;

<img src="logo.png">

2、位于当前文件的下一级文件中,需要输入文件夹名和文件名,用“/”隔开

<img src="img/img01/logo.png">

3、位于当前文件的上一级文件中:在文件名之前加入“../”,然后再找到对应的文件夹和文件名即可;

<img src=""../../img/logo.png>

Tips:如果位于上多级文件夹中,采用多个"../../" 即可。

二、绝对路径(了解,不常用)

绝对文件路径是指向一个因特网文件的完整 URL:

例:

<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">

更多的标签学习请参考这里:http://www.w3school.com.cn/html/index.asp

posted on 2019-06-21 21:21  格物致知_Tony  阅读(829)  评论(0编辑  收藏  举报