如何在 HTML 網頁中添加圖片

在 HTML 網頁中添加圖片非常簡單，只需要使用 標簽即可。該標簽有以下屬性：

src=”image_url”：指定要顯示的圖片的 URL。

alt=”description”：當圖片無法顯示時顯示的替代文本。

width=”width”：指定圖片的寬度（以像素為單位）。

height=”height”：指定圖片的高度（以像素為單位）。

步驟 1：確定圖片 URL

首先，您需要確定要顯示的圖片的 URL。這是圖片在網絡上的地址，可以是本地文件或外部網站上的圖片。

步驟 2：編寫 標簽

接下來，在要顯示圖片的位置編寫 標簽。 標簽可以放置在 HTML 文檔中的任何位置，但通常放在 標簽內。

步驟 3：指定圖片 URL

使用 屬性指定要顯示的圖片的 URL。例如，以下代碼會顯示名為 “my_image.jpg” 的本地圖片：

<code class="html"><img src="my_image.jpg" alt="我的圖片"></code>

步驟 4：添加替代文本

屬性是必填的，用于為圖片提供替代文本。這將在圖片無法顯示時顯示，例如由于互聯網連接問題或瀏覽器設置。例如：

<code class="html"><img src="my_image.jpg" alt="一只貓坐在椅子上"></code>

步驟 5：調整圖片大小

使用 和 屬性可以調整圖片的大小。單位以像素為單位。例如，以下代碼將圖片的寬度和高度都設置為 200 像素：

<code class="html"><img src="my_image.jpg" alt="我的圖片"    style="max-width:90%"  style="max-width:90%"></code>

提示：

始終為圖片提供替代文本，以提高輔助功能。
優化圖片大小以減小頁面加載時間。
使用 CSS 樣式進一步控制圖片的外觀和位置。