mg標(biāo)簽的應(yīng)用場(chǎng)景

我們平時(shí)在瀏覽網(wǎng)站的過(guò)程中如果只有文字的話難免會(huì)有些太單調(diào)了，并且看文字多了眼睛也會(huì)比較難受，這時(shí)我們想要讓我們的網(wǎng)頁(yè)更漂亮更吸引人眼球，那么肯定少不了精美的圖片來(lái)進(jìn)行點(diǎn)綴，這就用到了今天我要教給大家的圖像標(biāo)簽img。

img標(biāo)簽的組成

src：圖片的路徑 這個(gè)是必須要有的

title：當(dāng)我們把鼠標(biāo)移動(dòng)到圖片上展示的文本內(nèi)容

alt：當(dāng)圖片的路徑錯(cuò)誤或圖片有問(wèn)題時(shí)瀏覽器無(wú)法識(shí)別渲染的情況下展示的文本內(nèi)容

width：設(shè)置圖片的寬度

height：設(shè)置圖片的高度

img標(biāo)簽的使用

以上就是img圖片標(biāo)簽的簡(jiǎn)單應(yīng)用

TML網(wǎng)頁(yè)中任何元素的實(shí)現(xiàn)都要依靠HTML標(biāo)簽，要想在網(wǎng)頁(yè)中顯示圖像就需要使用圖像標(biāo)簽，接下來(lái)將詳細(xì)介紹圖像標(biāo)簽 img 以及和他相關(guān)的屬性。

1.使用方法

<img src="路徑/文件名.圖片格式" width="屬性值" height="屬性值" border="屬性值" alt="屬性值">

2.屬性

0. src：指定我們要加載的圖片的路徑和圖片的名稱以及圖片格式。
1. width：指定圖片的寬度，單位px、em、cm、mm。
2. height：指定圖片的高度，單位px、em、cm、mm。
3. border：指定圖標(biāo)的邊框?qū)挾龋瑔挝籶x、em、cm、mm。
4. title：當(dāng)網(wǎng)頁(yè)上的圖片被加載完成后，鼠標(biāo)移動(dòng)到上面去，會(huì)顯示這個(gè)圖片指定的屬性文字,也就是鼠標(biāo)懸停時(shí)顯示的內(nèi)容。
5. alt：如果圖像沒(méi)有下載或者加載失敗，會(huì)用文字來(lái)代替圖像顯示；搜索引擎可以通過(guò)這個(gè)屬性的文字來(lái)抓取圖片。

3.注意

0. img 為單標(biāo)記，不需要使用 img 閉合
1. 在加載圖像文件的時(shí)候，文件的路徑或者文件名文件格式錯(cuò)誤，將無(wú)法加載圖片

4.舉例

<img src="img/gzh.jpg" width="200px" height="200px" border="3px" title="碼海無(wú)際" alt="二維碼"><img src="img/gzh.jp" width="200px" height="200px" border="3px" title="碼海無(wú)際" alt="二維碼">