專注搜索競價(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://www.ozone-depletion.net/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://www.ozone-depletion.net/templets/2022index/picture/index_1.png" > 
  21.         </div> 
  22.     </body> 
  23. </html> 

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

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

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

本文鏈接：http://www.ozone-depletion.net/edu/2427.html