在HTML裡我們常常會插入圖片,那麼插入圖片需要怎麼實現?讓HTML顯示圖片有什麼需要什麼主意的面向嗎?今天我們就來談談什麼在HTML插入圖片
在html插入圖片讓圖片顯示需要HTML標籤來實現,使用img標籤即可實現。
html圖片標籤語法
height="60" /> ;
img介紹:
src 後面跟著的是圖片路徑位址
width 設定圖片寬度
height 設定圖片高度
#具體html 圖片顯示實例
我們在html原始碼中分別插入三張圖片,一張原始大、一張將寬度高度改小小、一張將寬度高度改大。
1、實例完整html程式碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片插入html 在线演示</title> </head> <body> <p>原始大图片</p> <p> <img src="1.gif" width="165" height="60" /> </p> <p>改小图片</p> <p> <img src="2.gif" width="105" height="30" /> </p> <p>改大图片</p> <p> <img src="3.gif" width="365" height="120" /> </p> </body> </html>
以上就是在HTML裡插入圖片的步奏,更多精彩請關注php中文網其它相關文章!
以上是html裡怎麼插入圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!