如何在HTML插入圖片,讓HTML顯示圖片,html圖片顯示應(yīng)該如何實現(xiàn)?
在html插入圖片 讓圖片顯示需要HTML標簽來實現(xiàn),使用img標簽即可實現(xiàn)。
- <imgsrc="divcss5-logo-201305.gif"width="165"height="60"/
img介紹:
src 后跟的是圖片路徑地址
width 設(shè)置圖片寬度
height 設(shè)置圖片高度
我們在html源代碼中分別插入三張圖片,一張原始大、一張將寬度高度改小小、一張將寬度高度改大。
1、實例完整html代碼:
- <!DOCTYPEhtml
- <html
- <head
- <metacharset="utf-8"/
- <title圖片插入html在線演示www.divcss5.com</title
- </head
- <body
- <p原始大圖片</p
- <p
- <imgsrc="divcss5-logo-201305.gif"width="165"height="60"/
- </p
- <p改小圖片</p
- <p
- <imgsrc="divcss5-logo-201305.gif"width="105"height="30"/
- </p
- <p改大圖片</p
- <p
- <imgsrc="divcss5-logo-201305.gif"width="365"height="120"/
- </p
- </body
- </html
2、html插入圖片實例截圖

html圖片插入顯示實例截圖
3、在線演示:查看案例
4、實例下載
立即下載 (3.178KB)
在html網(wǎng)頁中顯示圖片,插入圖片,通過使用img標簽來實現(xiàn),通過也可以將圖片作為CSS網(wǎng)頁背景圖片顯示插入到Html網(wǎng)頁中(css 背景圖片)。
圖片相關(guān)文章教程:
1、css img
2、css背景
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點
疑難解答