<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>