04-HTML-圖片標簽
阿新 • • 發佈：2019-02-08
img nbsp set wid 文件的 提示 學習 行內元素 如果
<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：圖片加載失敗後的提示語
註意：圖片是不會自動換行的（行內元素）
註意：
相對路徑：從當前文件出發查找另一個文件所經過的路徑
絕對路徑：從根盤符出發所查找文件的路徑
-->
04-HTML-圖片標簽