HTML网页中显示图片使用标签<img>
要在页面上显示图像，需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。
定义图像的语法是：<img src="url" />
定义图片大小：<img src="url" width="x" height="y"/>
URL 指存储图像的位置。如果名为 “boat.gif” 的图像位于 的 images 目录中，那么其 URL 为 /images/boat.gif。
但有时我们添加的图片无法显示
下面给出一些解决方法：
一.html插入本地图片
下载图片到本地
1.绝对路径
如<img src="D:\mysite\templates/eg_cute.gif" width="300" height="300" />
其中D:\mysite\templates/eg_cute.gif为图片路径
一般路径没有问题，图片没有问题，显示就不会出错
2.相对路径
将图片和html文件放在同一路径下，在编写html文件时就只用写文件的相对路径了
如
main_page.html和eg_cute.gif都在template 文件夹里面
编写时url只用写图片的名称即可：
<img src="eg_cute.gif" width="300" height="300" />
正常显示
但是在一个project里面我们一般会想要将html和图片分开存放
存放在不同的文件夹里面，也可以使用相对路径
如图片存放在img文件夹下面，html存放在template文件夹下面，找到他们的公共根目录mysite
此时图片的url改为/mysite/img/eg_cute.gif即可
二.html插入网页图片
确保图片地址正确即可（有后缀 .jpg .png等后缀名）
如：插入csdn的logo
先复制图片地址（右击选择复制图片 链接)
图片链接为https://img-/images/2024032511.png
修改html代码即可
<img src="https://img-/images/2024032511.png" width="300" height="200" />
正常显示
如果觉得《HTML网页中显示图片（相对路径 绝对路径）》对你有帮助，请点赞、收藏，并留下你的观点哦！
