HTML基礎(chǔ)學(xué)習(xí)-img標(biāo)簽

1.img標(biāo)簽中的img其實(shí)就是英文image的縮寫

-所以img標(biāo)簽的作用就是告訴瀏覽器我們需要顯示一張圖片

2.img標(biāo)簽的格式:<img src="">

-其實(shí)img標(biāo)簽總的src是英文source的縮寫

?所以img標(biāo)簽中的src就是用來(lái)告訴img標(biāo)簽,需要顯示的圖片名稱

3.? 注意點(diǎn)

-和H系列標(biāo)簽、P標(biāo)簽還有Hr標(biāo)簽不一樣,img標(biāo)簽不會(huì)獨(dú)占一行

-如果我們手動(dòng)指定了img標(biāo)簽顯示的圖片的寬度和高度,有可能會(huì)導(dǎo)致圖片變形。那么如果有想指定寬度和高度,又不想讓圖片變形。那么我們只指定寬度和高度其中一個(gè)值即可

?-只要指定了寬度,系統(tǒng)會(huì)自動(dòng)根據(jù)高度計(jì)算出高度,反之計(jì)算出寬度


4.屬性

width:寬度

height:高度

所以在img標(biāo)簽中width/height這兩個(gè)屬性的作用

?就是用來(lái)告訴img標(biāo)簽將來(lái)需要顯示的圖片有多高有多寬

如果img標(biāo)簽沒(méi)有指定需要顯示的圖片的寬高,系統(tǒng)會(huì)按照?qǐng)D片默認(rèn)的寬高來(lái)顯示

-如果img標(biāo)簽指定的寬高,那么系統(tǒng)會(huì)按照指定的寬高顯示

title:用于告訴瀏覽器,當(dāng)鼠標(biāo)停在圖片上時(shí),需要彈出的描述框中顯示什么內(nèi)容

alt:其實(shí)是英文alternate的縮寫交換替換的意思,他的作用就是用于高速瀏覽器,當(dāng)需要顯示的圖片找不到時(shí)顯示什么內(nèi)容

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容