8.HTML路径

1.相对路径

以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。

图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可：

<img src="gzh1.jpg" width="200px">

图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开：

<img src="img/gzh2.jpg" width="200px">

图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推：

<img src="../gzh3.jpg" width="200px">
<img src="../../gzh4.jpg" width="200px">

2.绝对路径

绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。

本地路径：

<img src="D:\zhuomian\HTML\code\8.HTML路径\img\gzh2.jpg" width="200px">

网路路径：

<img src="https://profile.csdnimg.cn/B/1/0/2_mahaiwuji" width="200px">