html如何写图片路径？

最新推荐文章于 2025-05-26 16:27:18 发布

转载最新推荐文章于 2025-05-26 16:27:18 发布 · 3.9k 阅读

12 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/Dear_Merlin/article/details/82706312

文章标签：

#html

Html 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了HTML中如何使用绝对路径和相对路径加载图片，包括图片与HTML文件处于同一目录或不同目录下的具体写法，以及在使用相对路径时常见的错误示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、绝对路径：

图片来源本地：

图片来源网络： <img src=“http://image.baidu.com/pcindexhot”/width=“300” height=“120”/>

2、相对路径：

html文件跟*.jpg图片在相同目录下：

    <img src="陈好.jpg">

html文件跟*.jpg图片在不同目录下：

   a、图片在a文件夹中，html文件跟a在同一目录下：

        <img src="a/陈好.jpg"/>

    b、图片在a文件夹中，html文件在b文件夹中，a跟b在同一目录下：

        <img src="../a/陈好.jpg"/>

借鉴：https://blog.csdn.net/u012072085/article/details/79105689 标题：Html中图片路径的使用方式作者:我的思维在跳跃

备注：我和原作者：我的思维在跳跃,写的不同的地方是，在使用相对路径时，我的图片后面不可以加斜杠，否则无法显示图片。

a、图片在a文件夹中，html文件跟a在同一目录下：

           我的是 <img src="a/*.jpg"/>    原作者是<img src="a/*.jpg/"/>

b、图片在a文件夹中，html文件在b文件夹中，a跟b在同一目录下：

           我的是 <img src="../a/*.jpg"/>    原作者是<img src="../a/*.jpg/"/>