HTML圖像標記


<img>圖像標記

  1.使用方法:<img src =“路徑/文件名.圖片格式” width =“屬性值” height =“屬性值” border =“屬性值” alt=“屬性值”>

  2.注意:

    a.<img>為單標記,不需要使用</img>閉合

    b.在加載圖像文件的時候,文件的路徑或者文件名文件格式錯誤,將無法加載圖片

  3.<img>標記的屬性

    a.  src為屬性,作用指定我們要加載的圖片的路徑和圖片的名稱以及圖片格式

    b.  width屬性,作用指定圖片的寬度,單位px,em,cm,mm

    c.  height屬性,作用指定圖片的寬度,單位px,em,cm,mm

    d.  border屬性,作用指定圖標的邊框寬度,單位px,em,cm,mm

    e.  alt屬性, 作用1當網頁上的圖片被加載完成后,鼠標移動到上面去,會顯示這個圖片指定的屬性文字

          作用2如果圖像沒有下載或者加載失敗,會用文字來代替圖像顯示

          作用3搜索引擎可以通過這個屬性的文字來抓取圖片

 

eg:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第六天</title>
</head>
<body>
<img src="sds.html11" width="100px" height="1000px" border="10px" alt="這是一個測試case">
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM