在網頁中插入圖片html圖片代碼方法:
步驟:
壹、html圖片標簽語法?
<img?src="divcss-logo-201305.gif"?width="165"?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="divcss-logo-201305.gif"?width="165"?height="60"?/>?
</p>?
<p>改小圖片</p>?
<p>?
<img?src="divcss-logo-201305.gif"?width="105"?height="30"?/>?
</p>?
<p>改大圖片</p>?
<p>?
<img?src="divcss-logo-201305.gif"?width="365"?height="120"?/>?
</p>?
</body>?
</html>
2、html插入圖片實例截圖
3、在線演示:
在html網頁中顯示圖片,插入圖片,通過使用img標簽來實現,通過也可以將圖片作為CSS網頁背景圖片顯示插入到Html網頁中(css 背景圖片)。