站長(zhǎng)資訊網(wǎng)在html中，可以使用img標(biāo)簽配合src屬性來(lái)插入圖片，語(yǔ)法格式“<img src="圖片文件路徑" />”。img標(biāo)簽用于定義HTML頁(yè)面中的圖像，為被引用的圖像創(chuàng)建占位符；而src屬性用于規(guī)定顯示圖像的URL。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
在html中，可以使用img標(biāo)簽插入圖片，語(yǔ)法：
<img src="圖片文件路徑" />
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <img src="img/1.jpg" width="200" /> </body> </html>
效果圖：
HTML <img> 標(biāo)簽
<img> 標(biāo)簽定義 HTML 頁(yè)面中的圖像。
<img> 標(biāo)簽有兩個(gè)必需的屬性：src 和 alt。
注釋?zhuān)簭募夹g(shù)上講，圖像并不會(huì)插入 HTML 頁(yè)面中，而是鏈接到 HTML 頁(yè)面上。<img> 標(biāo)簽的作用是為被引用的圖像創(chuàng)建占位符。
提示：通過(guò)在 <a> 標(biāo)簽中嵌套 <img> 標(biāo)簽，給圖像添加到另一個(gè)文檔的鏈接。
屬性值：
| 屬性 | 值 | 描述 |
|---|---|---|
| align | top
bottom middle left |
HTML5 不支持。HTML 4.01 已廢棄。規(guī)定如何根據(jù)周?chē)奈谋緛?lái)排列圖像。 |
| loading | eager：立即加載 lazy：延遲加載 |
指定瀏覽器是應(yīng)立即加載圖像還是延遲加載圖像。 |
| alt | text | 規(guī)定圖像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已廢棄。規(guī)定圖像周?chē)倪吙颉?/td> |
| crossorigin | anonymous use-credentials |
設(shè)置圖像的跨域?qū)傩?/td> |
| height | pixels | 規(guī)定圖像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。規(guī)定圖像左側(cè)和右側(cè)的空白。 |
| ismap | ismap | 將圖像規(guī)定為服務(wù)器端圖像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已廢棄。 指向包含長(zhǎng)的圖像描述文檔的 URL。 |
| src | URL | 規(guī)定顯示圖像的 URL。 |
| usemap | #mapname | 將圖像定義為客戶(hù)器端圖像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。規(guī)定圖像頂部和底部的空白。 |
| width | pixels | 規(guī)定圖像的寬度。 |
推薦教程：《html視頻教程》
