硬件信息:联想征服者
操作系统:win10
#html#html图片不显示的四个原因:1,代码问题;2,图片路径问题;,图片格式问题;4,盒子问题。html图片不显示代码问题!doctypehtml
html
head
metacharset="utf-8"
titleHTML/title
/head
body
p要展示的图片:/p
imgsrc="baidu.jpg"
/body
/html
注意插入图片的代码不要弄错哦!要书写规范,特别是不能少引号,不然图片就不显示了。
图片路径问题图片路径问题imgsrc="a.jpg"/
//图片a.jpg和html文件在同一级
imgsrc="images/a.jpg"/
//图片a.jpg位于images目录下,html文件和images文件夹在同一级
imgsrc="../a.jpg"/
//图片a.jpg位于html文件的上一级
imgsrc="../images/a.jpg"/
//图片a.jpg位于html文件的上一级的images文件夹里,即html文件与images文件夹在同一级
写对路径,才能让浏览器读懂代码,加载到图片。
图片格式问题图片格式问题图片的格式最好是RGB。如果是CMYK,建议用ps改成RGB。
CMYK是印刷格式,不建议用于web端。
盒子问题盒子问题这里的盒子问题指的是某个div,例如div的宽度为90px,高度为0px,图片的宽度为px,高度为60px,那么这个div盒子是无法装下这个图片的,就会显示错误,影响页面展示效果。