在網(wǎng)頁設(shè)計中，使用適當(dāng)?shù)膱D像可以增強網(wǎng)頁的表現(xiàn)力，使其更加吸引人。HTML提供了一個專門用來顯示圖像的標(biāo)記 lt;IMGgt;，通過該標(biāo)記我們可以在網(wǎng)頁中插入圖像。 在插入圖像之前，我們需要先將需要

在網(wǎng)頁設(shè)計中，使用適當(dāng)?shù)膱D像可以增強網(wǎng)頁的表現(xiàn)力，使其更加吸引人。HTML提供了一個專門用來顯示圖像的標(biāo)記 lt;IMGgt;，通過該標(biāo)記我們可以在網(wǎng)頁中插入圖像。

在插入圖像之前，我們需要先將需要插入的圖像保存在網(wǎng)站文件夾中，確保圖像文件在網(wǎng)站文件夾中的相對位置正確。

使用 lt;IMGgt; 標(biāo)記插入圖像的語法格式為：lt;IMG SRC"圖像地址"gt;。其中，SRC 屬性指定了圖像文件的路徑。

假設(shè)我們的圖像文件名為 ，可以使用以下代碼插入圖像：

lt;IMG SRC""gt;

在編輯完網(wǎng)頁后，按下 Ctrl S 鍵保存文件，或者點擊文件菜單中的 "保存" 命令。

最后，打開瀏覽器，查看此網(wǎng)頁在瀏覽器中插入圖片的效果。

圖像文件的相對路徑

在上述示例中，我們使用了圖像文件的相對路徑來指定圖像的位置。相對路徑是相對于當(dāng)前網(wǎng)頁所在文件夾的路徑。

如果圖像文件與當(dāng)前網(wǎng)頁在同一個文件夾中，可以直接使用文件名作為相對路徑。

如果圖像文件與當(dāng)前網(wǎng)頁不在同一個文件夾中，需要通過指定圖像文件相對于當(dāng)前網(wǎng)頁文件夾的路徑來引用圖像。

例如，如果當(dāng)前網(wǎng)頁文件位于根文件夾下的 html 文件夾中，而圖像文件位于根文件夾下的 images 文件夾中，則可以使用以下相對路徑來引用圖像：

lt;IMG SRC""gt;

在這個例子中，.. 表示返回上一級文件夾，所以 表示圖像文件位于當(dāng)前網(wǎng)頁文件夾的上一級文件夾的 images 文件夾中。

其他常用的圖像屬性

除了 SRC 屬性，lt;IMGgt; 標(biāo)記還有其他一些常用的屬性，可以進(jìn)一步控制圖像的顯示效果。

• ALT：指定圖像的替代文本，當(dāng)圖像無法顯示時，會顯示替代文本。
• WIDTH 和 HEIGHT：指定圖像的寬度和高度。
• TITLE：指定圖像的標(biāo)題，鼠標(biāo)懸停在圖像上時顯示。

這些屬性可以通過在 lt;IMGgt; 標(biāo)記中添加相應(yīng)的屬性值來使用。例如：

lt;IMG SRC"" ALT"美麗的風(fēng)景" WIDTH"500" HEIGHT"300" TITLE"風(fēng)景圖片"gt;

在實際使用時，可以根據(jù)需要調(diào)整這些屬性的值，以達(dá)到最佳的顯示效果。