在HTML頁面上，我們可以輕松地添加和展示多張圖片。但是，如何讓它們達到最佳的展示效果？以下是一些常見的方法：
<!DOCTYPE html>
<html>
<head>
<title>我的圖片展示</title>
</head>
<body>
<h1>我的圖片展示</h1>
<h2>第一步：創建圖片相冊</h2>
<p>我們可以使用<div>標簽來創建一個容器，用于裝載所有的圖片。</p>
<div>
<img src="image1.jpg" alt="第一張圖片">
<img src="image2.jpg" alt="第二張圖片">
<img src="image3.jpg" alt="第三張圖片">
</div>
<h2>第二步：設置樣式</h2>
<p>為了讓圖片相冊更加美觀，我們可以使用CSS來設置樣式。</p>
<style>
div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
img {
width: 30%;
margin-top: 10px;
}
</style>
<h2>第三步：添加標題和描述</h2>
<p>為了讓圖片更加生動，我們可以添加標題和描述。</p>
<div>
<figure>
<img src="image1.jpg" alt="第一張圖片">
<figcaption>這是第一張圖片</figcaption>
</figure>
<figure>
<img src="image2.jpg" alt="第二張圖片">
<figcaption>這是第二張圖片</figcaption>
</figure>
<figure>
<img src="image3.jpg" alt="第三張圖片">
<figcaption>這是第三張圖片</figcaption>
</figure>
</div>
</body>
</html>以上代碼演示了如何創建一個美觀的圖片相冊，其中使用了<div>標簽作為容器來裝載圖片，并使用CSS來設置樣式。同時，為了讓圖片更加生動，我們還添加了標題和描述。希望這篇文章能夠幫助大家更好地展示多張圖片。