一、圖片顯示方法
<img src="圖片路徑"/>圖片路徑的寫法：
1.相對路徑
相對於當前頁面所在位置的路徑，../代表上一層路徑。
例如：<img src="../img/tomcat.jpg"/>顯示當前頁面所在文件夾上一層文件夾中的img文件夾中的tomcat.jpg圖片。
2.絕對路徑
a.以邏輯盤符開始的路徑
b.網絡路徑，例如 http://www.baidu.com/images/2.jpg
二、圖片屬性
·width（寬度）屬性，取值同之前介紹一致。
·height（高度）屬性，取值同width一致。
·alt（代替）屬性，若無法正常顯示圖片，則以alt中的內容作爲代替來顯示。最多可以包含 1024 個字符的字符串，其中包括空格和標點。這個字符串必須包含在引號中。這段 alt 文本中可以包含對特殊字符的實體引用，但它不允許包含其他類別的標記，尤其是不允許有任何樣式標籤。
·border（邊框）屬性，給圖片添加邊框，取值爲整數。
·title（提示文本）屬性，當鼠標移動到圖片上時產生的提示性文本。
三、示例
HTML代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>圖片顯示</title>
</head>
<body>
<img src="../img/tomcat.jpg" border="10" width="400" height="150" alt="找不到圖片" title="湯姆貓"/>
</body>
</html>
效果
將鼠標放在圖片上會顯示提示信息（“湯姆貓”），當將src改爲錯誤的值時會顯示“找不到圖片”