HTML <img> 標(biāo)簽的 src 屬性
定義和用法
<img> 標(biāo)簽的 src 屬性是必需的。它的值是圖像文件的 URL，也就是引用該圖像的文件的的絕對(duì)路徑或相對(duì)路徑。
提示：為了整理文檔的存儲(chǔ)，創(chuàng)作者通常會(huì)把圖像文件存放在一個(gè)單獨(dú)的文件夾中，而且通常會(huì)將這些目錄命名為 "pics" 或者 "images" 之類的名稱。在 W3School 在線教程中，我們的工程師把大部分常用的圖像都存放到一個(gè)名為 "i" 的文件夾中，"i"是 "images" 的縮寫，這樣做的好處是可以最大程度地簡(jiǎn)化路徑。
實(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" />
以上代碼的效果：
語(yǔ)法
<a src="value">
屬性值
| 值 | 描述 |
|---|---|
| URL |
規(guī)定圖像的 URL。 可能的值：
|
TIY 實(shí)例
- 插入圖像
- 本例演示如何在網(wǎng)頁(yè)中顯示圖像。
- 從不同的位置插入圖片
- 本例演示如何將其他文件夾或服務(wù)器的圖片顯示到網(wǎng)頁(yè)中。