HTML在网页上不能显示图片问题

48 阅读 0 评论 32 点赞

我是靠谱客的博主傲娇仙人掌，最近开发中收集的这篇文章主要介绍HTML在网页上不能显示图片问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

我遇到的问题是写了一个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:UsersAdministratorDesktopPython源码，所以将路径改为绝对路径(有的时候查看一些网页没能加载出来图片就是因为作者写的是绝对路径，然后我们不能访问作者的路径，如果是相对路径就可以显示了)：

<!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>

　效果图: