如何將<img>圖片插入html元素中

admin發表於2017-02-13
HTML
本章節簡單介紹一下如何將一個圖片插入html元素中，這個屬於最基礎的html知識，適合於初學者，下面做一下簡單介紹。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<div><img src="mytest/demo/tree.jpg" width="100" height="100" border="1"/></div>

以上程式碼可以在div中插入一個圖片，並設定圖片的尺寸和邊框寬度，圖片的尺寸和邊框寬度最好用css設定。

完整程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.softwhy.com/" />     
<title>螞蟻部落</title>  
<style type="text/css">
img{
  width:100px;
  height:100px;
  border:1px solid blue;
}
</style>
</head> 
<body> 
<div><img src="mytest/demo/tree.jpg" /></div>
</body> 
</html>

更推薦使用以上方式設定設定圖片的樣式。

相關文章