Question

html 图片不显示

如图，图片和html文件是放在一起的，图片格式和名字都没错，前面的代码中成功插入了一张jpg的图，不知道为何这张不行。。(╥╯^╰╥)求解答，百度好久都没有找到有用的答案我也是醉了！！！！





Answer 1

书写格式出错了。

这样的书写格式，在实际展示中，会出现如下错误：

把代码中的url格式应该修改为：”images/gongzuoliucheng.jpg“：

此时的页面展示如下：

扩展资料：

CSS的background-image 属性：

定义和用法：

background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。

Answer 2

的确如上面的回答，你的代码很不规范；另外还有错误，那就是 html 标签 <img />的属性 height 和 width 取值只能用数字，不能加上 “px”（上面那位的回答中也写错了），即正确的写法应该是：<img src="mz.jpg" height="200" width="200" />（在css中表示宽高要加上“px”），这应该就是你图片不显示的原因。

Answer 3

1、<p>标签必须是成对出现 <p>这是内容</p> 不能如此简写。只有中间无内容的标签才能这样简写，如<br /> <input /> <img />
2、img标签内height格式错误，应该是 height="200px" width="200px"
3、以上都是编码规范，你的图片不显示也有可能是地址不正确。如果你图片是放在站点的根目录请用绝对定位模式 src="/mz.jp"
4、具体什么问题用chrome浏览器打开 点击 鼠标右键 审查元素就能看出问题。

望采纳！