在html中，可以使用img標籤配合src屬性來插入圖片，語法格式「
」。 img標籤用於定義HTML頁面中的映像，為被引用的影像建立佔位符；而src屬性用於規定顯示影像的URL。
本教學操作環境：windows7系統、HTML5版、Dell G3電腦。
在html中，可以使用img標籤插入圖片，語法：
<img src="图片文件路径" / alt="html如何插入圖片" >
範例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <img src="img/1.jpg" style="max-width:90%" / alt="html如何插入圖片" > </body> </html>
效果圖：
HTML 標籤
標籤定義HTML 頁面中的圖片。
標籤有兩個必要的屬性：src 和 alt。
註解：從技術上講，圖像並不會插入 HTML 頁面中，而是連結到 HTML 頁面上。 標籤的作用是為被引用的圖像建立佔位符。
提示：透過在 標籤中嵌套 標籤，將圖片新增至另一個文件的連結。
屬性值：
| 屬性 | #描述 | |
|---|---|---|
| #align | ##top
bottommiddle left right |
HTML5 不支援。 HTML 4.01 已廢棄。 規定如何依照周圍的文字來排列圖像。 |
| eager：立即載入 | lazy：延遲載入 | 指定瀏覽器是應立即載入圖片還是延遲載入圖片。 |
| text | #規定圖像的替代文字。||
| pixels | #HTML5 不支援。 HTML 4.01 已廢棄。 規定影像周圍的邊框。 | |
| anonymous |
use-credentials | 設定影像的跨域屬性|
| pixels | 規定圖片的高度。||
| pixels | #HTML5 不支援。 HTML 4.01 已廢棄。 規定影像左側和右側的空白。 | |
| ismap | 將映像規定為伺服器端影像映射。 | |
| URL | #HTML5 不支援。 HTML 4.01 已廢棄。 指向包含長的圖像描述文件的 URL。 | |
| URL | #規定顯示圖片的 URL。||
| #mapname | #將映像定義為客戶器端映像映射。||
| pixels | #HTML5 不支援。 HTML 4.01 已廢棄。 規定影像頂部和底部的空白。 | |
| pixels | 規定影像的寬度。
html影片教學》
以上是html如何插入圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！
