當前位置:編程學習大全網 - 源碼下載 - 怎麽在網頁中插入圖片html圖片代碼

怎麽在網頁中插入圖片html圖片代碼

在網頁中插入圖片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 背景圖片)。

  • 上一篇:信息發布app源代碼
  • 下一篇:Delphi軟件源代碼
  • copyright 2024編程學習大全網