<html>
<head>
<title>圖片標籤學習</title>
<meta charset="utf-8"/>
</head>
<body>
<h3>圖片標籤學習</h3>
<hr />
<!--使用本地資源:圖片位於本地電腦中-->
<img src="img/1.jpg" height="200px"/>
<img src="img/3.jpg" height="200px" title="這是一個優美的圖片" alt="這是一個優美的圖片"/>
<img src="img/2.jpg" height="200px" title="這是一個優美的圖片"/>
<hr />
<!--使用網絡資源:-->
<img src=""/>
</body>
</html>
<!--
圖片標籤:
img
src:圖片路徑
本地資源路徑:通常本地圖片資源使用相對路徑便可
網絡資源路徑:圖片資源的URL地址
width:設置圖片的寬度,若是是單獨設置,則圖片在保證不失真的狀況下自動縮小或者放大
單位能夠是px也能夠是百分比
height:設置圖片的高度,若是是單獨設置,則圖片在保證不失真的狀況下自動縮小或者放大
單位能夠是px也能夠是百分比
title:圖片標題,鼠標放在圖片上的時候顯示
alt:圖片加載失敗後的提示語
注意:圖片是不會自動換行的(行內元素)
注意:
相對路徑:從當前文件出發查找另外一個文件所通過的路徑
絕對路徑:從根盤符出發所查找文件的路徑
-->html