04-HTML-圖片標籤

<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

相關文章
相關標籤/搜索