为什么html在浏览器中不能显示图片_做html网页图片显示不出来

全栈程序员站长

发布于 2022-09-20 09:17:00

5.7K0

发布于 2022-09-20 09:17:00

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

我遇到的问题是写了一个HTML程序，结果在网页上面不能显示，原因是图片路径放置错了。

修改前代码：

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>Norwegian Mountain Trip</h2>
<img border="0" src="/Python源码/1.jpg" alt="Pilpit rock" width="304" height="228">
</body>
</html>

　效果图：

ie网页上右键点击“属性”’查看图片路径

发现地址错误，我存放图片的地址在C:\Users\Administrator\Desktop\Python源码，所以将路径改为绝对路径(有的时候查看一些网页没能加载出来图片就是因为作者写的是绝对路径，然后我们不能访问作者的路径，如果是相对路径就可以显示了)：

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>Norwegian Mountain Trip</h2>
<img border="0" src="C:/Users/Administrator/Desktop/Python源码/1.jpg" alt="Pilpit rock" width="304" height="228">
</body>
</html>

　效果图: