HTML <img> 標(biāo)簽

實(shí)例

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

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

以上代碼的效果：

親自試一試

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

源代碼：

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

以上代碼的效果：

定義和用法

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

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

語(yǔ)法

<a src='value'>

屬性值

TIY 實(shí)例

插入圖像

本例演示如何在網(wǎng)頁(yè)中顯示圖像。

從不同的位置插入圖片

本例演示如何將其他文件夾或服務(wù)器的圖片顯示到網(wǎng)頁(yè)中。

HTML <img> 標(biāo)簽