首頁 > web前端 > html教學 > html裡怎麼插入圖片

html裡怎麼插入圖片

php中世界最好的语言
發布: 2020-07-13 16:27:38
原創
26754 人瀏覽過

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板