HTML 顯示圖片是非常常見的操作，以下是一個簡單的例子：

下面是一張圖片：

<img src="image.jpg" alt="圖片描述">

在上面的代碼中，使用了 `img` 標簽來插入圖片，`src` 屬性指定了圖片的路徑，`alt` 屬性用于設置圖片的描述，當無法加載圖片時，會顯示該描述而不是空白。 為了讓圖片更好的顯示，我們可以添加一些屬性，比如修改圖片的尺寸和對齊方式：

下面是一張大小為 200x200 像素，左對齊的圖片：

<img src="image.jpg" alt="圖片描述" width="200" height="200" align="left">

在上面的代碼中，使用了 `width` 和 `height` 屬性來修改圖片的尺寸，`align` 屬性設置了對齊方式。 如果圖片無法加載，我們可以設置一個默認的占位圖片：

下面是一張默認占位圖片：

<img src="image.jpg" alt="圖片描述" width="200" height="200" align="left" onerror="this.src='placeholder.jpg'">

在上面的代碼中，使用了 `onerror` 屬性來指定當圖片無法加載時，加載另一張圖片 `placeholder.jpg` 作為默認占位圖片。 此外，我們還可以設置圖片的樣式，如邊框、圓角、陰影等：

下面是一張帶有 5 像素的紅色邊框和 10 像素的圓角的圖片：

<img src="image.jpg" alt="圖片描述" width="200" height="200" align="left" style="border: 5px solid red; border-radius: 10px;">

在上面的代碼中，使用了 `style` 屬性來指定圖片的樣式，其中 `border` 屬性設置了邊框寬度、樣式和顏色，`border-radius` 屬性設置了圓角半徑。