首页-帮助中心-详情

html图像标签显示不出来怎么解决

发布日期:2023-11-02   来源:小码王编程    查看人数: 7

导读:html图像显示不出来有那几种原因?图片路径不正确、标签是否抒写正确、图片是否有中文命名等目录1img图片路径不正确2html图像标签3html图像宽度,高度自...

html图像显示不出来有那几种原因?图片路径不正确、标签是否抒写正确、图片是否有中文命名等

img图片路径不正确


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             #img_div{ 

  8.                 width: 600px; 

  9.                 background: bisque; 

  10.                 height: 400px; 

  11.             } 

  12.             #img_div img{ 

  13.                 width: ; 

  14.             } 

  15.         </style> 

  16.     </head> 

  17.     <body> 

  18.         <div id="img_div"

  19.             <p>图片路径不正确</p> 

  20.             <img src="https://www.tonggao001.com/templets/2022index/picture/index_1.jpg" > 

  21.         </div> 

  22.     </body> 

  23. </html> 


html图像标签


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.         </style> 

  8.     </head> 

  9.     <body> 

  10.         <div id="img_div"

  11.             <img src="图片行径" > 

  12.         </div> 

  13.     </body> 

  14. </html> 


html图像宽度,高度自适应效果


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             #img_div{ 

  8.                 width: 600px; 

  9.                 background: bisque; 

  10.                 height: 400px; 

  11.             } 

  12.             #img_div img{ 

  13.                 width: ; 

  14.             } 

  15.         </style> 

  16.     </head> 

  17.     <body> 

  18.         <div id="img_div"

  19.             <p>图片与容器平铺</p> 

  20.             <img src="https://www.tonggao001.com/templets/2022index/picture/index_1.png" > 

  21.         </div> 

  22.     </body> 

  23. </html> 


你也想0元试听小码王少儿编程课程吗?
填写信息免费预约
我已阅读并同意《小码王服务条款》

免责说明:以上展示内容源于网络、合作媒体和网友提供,转载请说明出处。我们对站内所有内容、观点保持中立,如您发现该内容有任何违法/侵权信息,请及时联系我们处理!
本文标题:html图像标签显示不出来怎么解决,本文链接: http://www.xiaomawang.vip/help/20947.html