首頁  >  文章  >  web前端  >  html img標籤屬性是什麼?圖像標籤img詳解

html img標籤屬性是什麼?圖像標籤img詳解

云罗郡主
云罗郡主原創
2018-11-12 11:55:4818916瀏覽

現在任何一個網頁都是離不了圖片,一個網站如果是圖文結合的網頁,那麼會受到很多用戶的喜愛,如果網站想要多更多的流量,也是離不來圖片的,那麼接下來了解一下圖片標籤img,為您總結一下html img標籤屬性是什麼?

一:圖片標籤img簡介

一般情況下,在html當中,我們可以使用html img標籤屬性是什麼?圖像標籤img詳解來對圖片進行設置,img標籤是自閉和標籤,是沒有結束標籤的,我們只要掌握html img標籤屬性是什麼?圖像標籤img詳解和src、alt和title這三個屬性及可以了。 【建議閱讀:html中關於img標籤以及改變圖片尺寸的詳解(圖)

1.src屬性是圖片的檔案位址

2.alt屬性是圖片如果出現斷裂時候出現的文字

3.title屬性是滑鼠放在圖片上顯示的文字

在以上三種屬性中,src和alt是不能缺少的,下面我們分別對這三種屬性進行詳解.

二:圖像標籤img詳解

1.src屬性是圖片不能缺少的屬性,一般是圖片的位址來源,語法為:

<img  src="图片地址属性"/ alt="html img標籤屬性是什麼?圖像標籤img詳解" >

2.img標籤中的alt屬性

alt屬性其實也是給搜尋搜尋引擎看的,文法:

<img src="图片地址" alt="图片描述(给搜索引擎看) ">

3.title屬性

title屬性是滑鼠移動到圖片上,就顯示的圖片的標題,讓使用者看到圖片的資訊。語法:圖片描述(給搜尋引擎看)

##例如:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>图像标签img</title>
</head>
<body>
    <img src="https://img.php.cn/upload/article/000/000/003/5b49b0e610f26951.jpg" alt="php中文网" title="php中文网"/>
</body>
</html>

在瀏覽器中顯示效果:

html img標籤屬性是什麼?圖像標籤img詳解

以上就是對html img標籤屬性是什麼?圖像標籤img詳解的完整介紹,如果你想了解更多有關

Html5教程,請關注php中文網。


以上是html img標籤屬性是什麼?圖像標籤img詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn