<img src=\"大众picture.jpg\"大众>

picture.jpg 位于与当前网页相同的文件夹

<img src=\"大众images/picture.jpg\公众>

picture.jpg 位于当前文件夹的 images 文件夹中

<img src=\"大众/images/picture.jpg\"大众>

picture.jpg 当前站点根目录的 images 文件夹中

html路径HTML 文件路径 Ruby

<img src=\"大众../picture.jpg\"大众>

picture.jpg 位于当前文件夹的上一级文件夹中

HTML 文件路径

文件路径描述了网站文件夹构造中某个文件的位置。

文件路径会在链接外部文件时被用到:

网页图像样式表JavaScript

绝对文件路径

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

实例

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

<img> 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。

相对路径

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

在本例中,文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件:

实例

<img src=\"大众/images/picture.jpg\公众 alt=\公众flower\"大众>

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

实例

<img src=\"大众images/picture.jpg\"大众 alt=\"大众flower\"大众>

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

实例

<img src=\"大众../images/picture.jpg\公众 alt=\"大众flower\公众>