HTML <img> 標簽

實例

在下面的例子中，我們在頁面中插入一幅 W3School 的工程師在上海鮮花港拍攝的郁金香照片，該照片文件的名稱是 'eg_tulip.jpg'，存放在服務器上的 'i' 文件夾中。這是源代碼：

<img src='/i/eg_tulip.jpg' />

以上代碼的效果：

親自試一試

提示：您可以在我們的在線測試工具中親自試一試，如果您把例子中的文件名更改為'eg_chinarose.jpg'，會看到一幅月季花的照片。就像這樣：

源代碼：

<img src='/i/eg_chinarose.jpg' />

以上代碼的效果：

定義和用法

<img> 標簽的 src 屬性是必需的。它的值是圖像文件的 URL，也就是引用該圖像的文件的的絕對路徑或相對路徑。

提示：為了整理文檔的存儲，創(chuàng)作者通常會把圖像文件存放在一個單獨的文件夾中，而且通常會將這些目錄命名為 'pics' 或者 'images' 之類的名稱。在 W3School 在線教程中，我們的工程師把大部分常用的圖像都存放到一個名為 'i' 的文件夾中，'i'是 'images' 的縮寫，這樣做的好處是可以最大程度地簡化路徑。

語法

<a src='value'>

屬性值

TIY 實例

插入圖像

本例演示如何在網頁中顯示圖像。

從不同的位置插入圖片

本例演示如何將其他文件夾或服務器的圖片顯示到網頁中。

HTML <img> 標簽