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