在HTML網(wǎng)頁制作中，常常需要在一個頁面上展示多張圖片，我們可以使用img標(biāo)簽來實現(xiàn)。下面是一種常見的方式，使用多個img標(biāo)簽來展示多張圖片。

<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">

但是這種方式有一個缺點，隨著圖片的增多，代碼會變得臃腫，不利于代碼的維護(hù)。幸好，我們可以使用一種更加優(yōu)雅的方式，在HTML中設(shè)置多個圖片。

我們可以使用HTML5中的figure和figcaption標(biāo)簽來實現(xiàn)，這兩個標(biāo)簽可以將圖片和文字組合在一起，實現(xiàn)更加優(yōu)雅的排版效果。

<figure>
<img src="image1.jpg" alt="圖片1">
<figcaption>圖片1描述信息</figcaption>
</figure>
<figure>
<img src="image2.jpg" alt="圖片2">
<figcaption>圖片2描述信息</figcaption>
</figure>
<figure>
<img src="image3.jpg" alt="圖片3">
<figcaption>圖片3描述信息</figcaption>
</figure>

在上面的代碼中，我們使用了figure標(biāo)簽將每張圖片和其描述信息包裹在一起，使用figcaption標(biāo)簽來添加描述信息。我們還可以使用CSS來對這些元素進(jìn)行樣式的設(shè)置，使其更加美觀。

通過這種方式，我們可以在HTML中非常方便地添加和展示多個圖片，同時提高了代碼的可讀性和維護(hù)性。