web 圖片剪切

在html插入圖片 讓圖片顯示須要HTML標籤來實現,使用img標籤便可實現。css

1、html圖片標籤語法html

 

複製代碼htm

代碼以下:圖片


<img src="divcss5-logo-201305.gif" width="165" height="60" />utf-8

img介紹:it

src 後跟的是圖片路徑地址meta

width 設置圖片寬度語法

height 設置圖片高度im

2、具體html 圖片顯示實例   -   TOPimg

咱們在html源代碼中分別插入三張圖片,一張原始大、一張將寬度高度改小小、一張將寬度高度改大。

一、實例完整html代碼:

 

複製代碼

代碼以下:


<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>圖片插入html 在線演示 <a href="http://www.vcss.com</title">www.vcss.com</title</a>> 
</head> 

<body> 
<p>原始大圖片</p> 
<p> 
<img src="divcss5-logo-201305.gif" width="165" height="60" /> 
</p> 
<p>改小圖片</p> 
<p> 
<img src="divcss5-logo-201305.gif" width="105" height="30" /> 
</p> 
<p>改大圖片</p> 
<p> 
<img src="divcss5-logo-201305.gif" width="365" height="120" /> 
</p> 
</body> 
</html> 

二、html插入圖片實例截圖

相關文章
相關標籤/搜索