img圖片路徑不正確
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>通高科技</title>
- <style>
- #img_div{
- width: 600px;
- background: bisque;
- height: 400px;
- }
- #img_div img{
- width: 100%;
- }
- </style>
- </head>
- <body>
- <div id="img_div">
- <p>圖片路徑不正確</p>
- <img src="http://m.24hourphotoeditor.com/templets/2022index/picture/index_1.jpg" >
- </div>
- </body>
- </html>
html圖像標(biāo)簽
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>通高科技</title>
- <style>
- </style>
- </head>
- <body>
- <div id="img_div">
- <img src="圖片行徑" >
- </div>
- </body>
- </html>
html圖像寬度100%,高度自適應(yīng)效果
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>通高科技</title>
- <style>
- #img_div{
- width: 600px;
- background: bisque;
- height: 400px;
- }
- #img_div img{
- width: 100%;
- }
- </style>
- </head>
- <body>
- <div id="img_div">
- <p>圖片與容器100%平鋪</p>
- <img src="http://m.24hourphotoeditor.com/templets/2022index/picture/index_1.png" >
- </div>
- </body>
- </html>