專注搜索競價(jià)代運(yùn)營

成長之選 ,效果之道!

免費(fèi)咨詢熱線:17636682598

html圖像標(biāo)簽顯示不出來怎么解決

html圖像顯示不出來有那幾種原因?圖片路徑不正確、標(biāo)簽是否抒寫正確、圖片是否有中文命名等

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: 100%; 
  14.             } 
  15.         </style> 
  16.     </head> 
  17.     <body> 
  18.         <div id="img_div"
  19.             <p>圖片路徑不正確</p> 
  20.             <img src="http://m.bikeshoes.com.cn/templets/2022index/picture/index_1.jpg" > 
  21.         </div> 
  22.     </body> 
  23. </html> 

html圖像標(biāo)簽

  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圖像寬度100%,高度自適應(yīng)效果

  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: 100%; 
  14.             } 
  15.         </style> 
  16.     </head> 
  17.     <body> 
  18.         <div id="img_div"
  19.             <p>圖片與容器100%平鋪</p> 
  20.             <img src="http://m.bikeshoes.com.cn/templets/2022index/picture/index_1.png" > 
  21.         </div> 
  22.     </body> 
  23. </html> 

本文分類:營銷學(xué)院

瀏覽次數(shù):98次瀏覽

發(fā)布日期:2022-07-11 15:51:30

本文鏈接:http://m.bikeshoes.com.cn/edu/2427.html