小編給大家分享一下HTML中IMG標(biāo)簽的屬性是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司專注于鹽邊網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供鹽邊營銷型網(wǎng)站建設(shè)，鹽邊網(wǎng)站制作、鹽邊網(wǎng)頁設(shè)計(jì)、鹽邊網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造鹽邊網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鹽邊網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

在HTML中，圖像由<img>標(biāo)簽定義。

<img>是空標(biāo)簽，意思是說，它只包含屬性，并且沒有閉合標(biāo)簽。

要在頁面上顯示圖像，你需要使用源屬性（src）。src指"source"。源屬性的值是圖像的URL地址。

定義圖像的語法是：

<imgsrc="url"alt="some_text">

URL指存儲圖像的位置。如果名為"pulpit.jpg"的圖像位于www.runoob.com的images目錄中，那么其URL為http://www.runoob.com/images/yidian.jpg。

瀏覽器將圖像顯示在文檔中圖像標(biāo)簽出現(xiàn)的地方。如果你將圖像標(biāo)簽置于兩個(gè)段落之間，那么瀏覽器會首先顯示第一個(gè)段落，然后顯示圖片，最后顯示第二段。

定義和用法

img元素向網(wǎng)頁中嵌入一幅圖像。

請注意，從技術(shù)上講，<img>標(biāo)簽并不會在網(wǎng)頁中插入圖像，而是從網(wǎng)頁上鏈接圖像。<img>標(biāo)簽創(chuàng)建的是被引用圖像的占位空間。

<img>標(biāo)簽有兩個(gè)必需的屬性：src屬性和alt屬性。

src屬性：規(guī)定顯示圖像的URL。

alt屬性用來為圖像定義一串預(yù)備的可替換的文本。

替換文本屬性的值是用戶定義的。

<imgsrc="boat.gif"alt="BigBoat">

在瀏覽器無法載入圖像時(shí)，替換文本屬性告訴讀者她們失去的信息。此時(shí)，瀏覽器將顯示這個(gè)替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好的顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有用的。

HTMLimg屬性的縮放

HTML部分：

<divclass="tu"><imgsrc=“suofang.jpg”>

css控制圖片縮放：

.tuimg{

max-height:720px;

max-width:640px;

width:expression(this.width>640&&this.height<this.width?640:true);

height:expression(this.height>720?720:true);

}

說明：圖片大于640自動縮放到640px，如果小于640px即為實(shí)際大小，高度大于720px縮放到720px，小于720px為實(shí)際大小。注意事項(xiàng)：一般對圖片不控制大小。

圖像的居中顯示：（附全部對齊屬性值）

left：把圖像對齊到左邊

right：把圖像對齊到右邊

middle:把圖像與中央對齊

top:把圖像與頂部對齊

bottom:把圖像與底部對齊

height,width屬性

height（高度）與width（寬度）屬性用于設(shè)置圖像的高度與寬度。

屬性值默認(rèn)單位為像素:

<imgsrc="pulpit.jpg"alt="Pulpitrock"width="404"height="258">

提示:指定圖像的高度和寬度的一個(gè)很好的習(xí)慣。如果圖像指定了高度寬度，頁面加載時(shí)就會保留指定的尺寸。如果沒有指定圖片的大小，加載頁面時(shí)有可能會破壞HTML頁面的整體布局。

基本的注意事項(xiàng)-有用的提示：

注意:假如某個(gè)HTML文件包含十個(gè)圖像，那么為了正確顯示這個(gè)頁面，需要加載11個(gè)文件。加載圖片是需要時(shí)間的，所以我們的建議是：慎用圖片。

注意:加載頁面時(shí)，要注意插入頁面圖像的路徑，如果不能正確設(shè)置圖像的位置，瀏覽器無法加載圖片，圖像標(biāo)簽就會顯示一個(gè)破碎的圖片。

HTML圖像標(biāo)簽：

<img>定義圖像

<map>定義圖像地圖

<area>定義圖像地圖中的可點(diǎn)擊區(qū)域

HTML與XHTML之間的差異：

在HTML中，<img>標(biāo)簽沒有結(jié)束標(biāo)簽。

在XHTML中，<img>標(biāo)簽必須被正確地關(guān)閉。

在HTML4.01中，不推薦使用image元素的"align"、"border"、"hspace"以及"vspace"屬性。

在XHTML1.0StrictDTD中，不支持image元素的"align"、"border"、"hspace"以及"vspace"屬性。

【知識小補(bǔ)充】

img中可選屬性：

align:規(guī)定如何根據(jù)周圍的文本來排列圖像。

border:定義圖像周圍的邊框。

height:定義圖像的高度。

hspace:定義圖像左側(cè)和右側(cè)的空白。

ismap:將圖像定義為服務(wù)器端圖像映射。

longdesc:指向包含長的圖像描述文檔的URL。

usemap:將圖像定義為客戶端圖像映射。

vspace:定義圖像頂部和底部的空白。

width:設(shè)置圖像的寬度。

以上是“HTML中IMG標(biāo)簽的屬性是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前文章：HTML中IMG標(biāo)簽的屬性是什么
路徑分享：http://jinyejixie.com/article12/ijjidc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、品牌網(wǎng)站建設(shè)、虛擬主機(jī)、品牌網(wǎng)站設(shè)計(jì)、做網(wǎng)站、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)