所在的位置: html >> html资源 >> html中图片不显示

html中图片不显示

硬件信息:联想征服者

操作系统: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盒子是无法装下这个图片的,就会显示错误,影响页面展示效果。




转载请注明:http://www.aierlanlan.com/rzgz/6721.html