HTML —— img標籤

img標籤

在文章中添加一個img只須要在body中添加如下代碼css

  <img src="文件的絕對路徑或者相對路徑" />

例如如下代碼html

  

<!DOCTYPE html>
<html lang = 'en'>
<head>
  <meta charset="UTF-8">
  <link href="bg.css" type="text/css" rel="stylesheet">
  <title>
    Document
  </title>
</head>
<body>
<!--這是註釋-->
<img src="1419584-20191024095416002-1358025665.jpg" />
</body>
</html>

結果是服務器

 

 img是往網頁中添加圖片其中有兩個必要的屬性:網絡

其一:src屬性

<img> 標籤的 src 屬性是必需的。它的值是圖像文件的 URL,也就是引用該圖像的文件的的絕對路徑或相對路徑。spa

其二:alt屬性

alt中的值一般爲文本,若是網絡延遲之類的緣由致使圖形沒法顯示,會使用alt中的文本代替code

 

可選的屬性

屬性 描述
align
  • top
  • bottom
  • middle
  • left
  • right
不推薦使用。規定如何根據周圍的文原本排列圖像。
border pixels 不推薦使用。定義圖像周圍的邊框。
height
  • pixels
  • %
定義圖像的高度。
hspace pixels 不推薦使用。定義圖像左側和右側的空白。
ismap URL 將圖像定義爲服務器端圖像映射。
longdesc URL 指向包含長的圖像描述文檔的 URL。
usemap URL 將圖像定義爲客戶器端圖像映射。
vspace pixels 不推薦使用。定義圖像頂部和底部的空白。
width
  • pixels
  • %
設置圖像的寬度。
相關文章
相關標籤/搜索