【HTML 基础】相对路径和绝对路径

文件目录

文件目录
—— Your_Project
	—— static
		—— image
			—— next-next.gif
		—— css
	—— this.gif
	—— index.html
—— Up.gif

相对路径

1. 文件与 index.html 文件位于同级文件夹，则只需输入文件名称，例如<img src="./this.gif" />
2. 文件位于 index.html 的下级文件夹，路径则为该文件夹以及其内部文件的文件名，用 / 隔开，例如<img src="./static/image/next-next.gif" />
3. 文件位于 index.html 的上级文件夹，在文件名之前加入../，例如<img src="../Up.gif" />

绝对路径

绝对路径直接从盘符开始查找，例如<img src="D:/ProjectFile/VSCodeProject/Your_Project/this.gif">。
PS: 但是基本上没有人这么写了，因为换台电脑路径就得全部更新。