HTML学习笔记 文件相对路径和绝对路径

HTML 文件路径

HTML 文件路径

https://www.w3school.com.cn/html/html_filepaths.asp
文件路径描述了网站文件夹结构中某个文件的位置。

描述路径的符号和意义

• "."表示文件当前所在目录
• "…"表示文件当前所在的目录的上一级目录（只有两个点的，这里显示出错了）
• "/"表示文件所在的根目录

绝对文件路径

绝对文件路径是以web站点根目录为参考位置进行文件引用

绝对文件路径是指向一个因特网文件的完整URL：(此处以引用图片为例)

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

<img src="/站点所在的根目录的某个文件夹的名字/要被引用的文件.拓展名" alt=""> 

相对路径

相对路径指向了相对于当前页面的文件。
以当前网页文档的位置为参照位置进行文件引用

文件路径指向了位于当前网站根目录中一个文件夹里的一个文件的文件

<img src="/文件名/文件名.拓展名" alt="文件信息">
<!--- alt属性：文件加载不出来时关于该文件内容的信息，如果没有什么要求，随便写啦--->

在本例中，文件路径指向了位于当前文件夹中一个文件夹里的一个文件：

实例

<!---第一种--->
<img src="当前文件夹名/文件名.拓展名" alt="文件信息" alt="">
<!--- 第二种--->
<img src="./当前文件夹名/文件夹名/文件名.拓展名" alt="">

<>

在本例中，文件路径指向了位于当前文件夹的上一级文件夹中 一个文件夹里的一个文件：

实例

<img src="../文件夹名/文件名.拓展名" alt="文件信息">