<!--

? ? ? ? 圖片標(biāo)簽

? ? ? ? 場(chǎng)景：在網(wǎng)頁(yè)中顯示圖片

? ? ? ? 代碼：

? ? ? ? ? ? ?<img src="./6.dog.gif" alt="白狗" title="這是一只大白狗" ?width="200" height="200">

? ? ? ? 解釋：

? ? ? ? ? ? ?img: 標(biāo)簽名

? ? ? ? ? ? ?src: 屬性名

? ? ? ? ? ? ? “ ”: 屬性值

? ? ? ? ? ? ? src=" ": 標(biāo)簽屬性

? ? ? ? ? ? ? alt: 屬性名

? ? ? ? ? ? ? 屬性值:替換文本

? ? ? ? ? ? ? 當(dāng)圖片加載失敗時(shí)，才顯示alt的文本

? ? ? ? ? ? ? 當(dāng)圖片加載成功時(shí)，不會(huì)顯示alt的文本? ? ?? ?? ? ? ? ? ? ? title: 屬性名

? ? ? ? ? ? ? 屬性值：提示文本

? ? ? ? ? ? ? 當(dāng)鼠標(biāo)懸停時(shí)，才顯示的文本

? ? ? ? ? ? ? 注意點(diǎn)：title屬性不僅僅可以用于圖片標(biāo)簽，還可以用于其他標(biāo)簽

? ? ? ? ? ? ?width和height屬性

? ? ? ? ? ? ? whidth和height：屬性名

? ? ? ? ? ? ? 屬性值：寬度和高度（數(shù)字）

? ? ? ? ? ? ? 注意點(diǎn)：

? ? ? ? ? ? ? 如果只設(shè)置width或height中的一個(gè)，另一個(gè)沒(méi)設(shè)置的會(huì)自動(dòng)等比例縮放（此時(shí)圖片不會(huì)變形）

? ? ? ? ? ? ? 如果同時(shí)設(shè)置了width和height兩個(gè)，若設(shè)置不當(dāng)，此時(shí)圖片可能變形
?

屬性注意點(diǎn)：

? ? ? ? ? ?1.標(biāo)簽的屬性寫(xiě)在開(kāi)始標(biāo)簽內(nèi)部

? ? ? ? ? ?2.標(biāo)簽上可以同時(shí)存在多個(gè)屬性

? ? ? ? ? ?3.屬性之間可以空格隔開(kāi)

? ? ? ? ? ?4.標(biāo)簽名與屬性之間必須以空格隔開(kāi)

? ? ? ? ? ?5.屬性之間沒(méi)有順序之分

圖片標(biāo)簽特點(diǎn):

? ? ? ? ? ? 單標(biāo)簽

? ? ? ? ? ? img標(biāo)簽需要展示對(duì)應(yīng)的效果，需要借助標(biāo)簽的屬性進(jìn)行設(shè)置

? ? ?-->

? ? ?<img src="./6.dog.gif" alt="白狗" title="這是一只大白狗" ?width="200" height="200">

總結(jié)

以上是生活随笔為你收集整理的前端基础-html-图片标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。