如果您想在網站上顯示三張圖片，HTML提供了多種方法來實現。下面我們將介紹三種不同的方式。
方法一：使用![]()
標簽
使用標簽是最常見的在網頁上顯示圖片的方法。以下是示例代碼：
<img src="image1.jpg" alt="圖片1"> <img src="image2.jpg" alt="圖片2"> <img src="image3.jpg" alt="圖片3">
這將在頁面上顯示三張圖片，其中src屬性指定了圖片的路徑，alt屬性提供了圖片的替代文本，如果圖片無法加載，瀏覽器會顯示alt文本。
方法二：使用CSS的background屬性
另一種方式是使用CSS的background屬性來為一個元素添加背景圖像。以下是示例代碼：
<div style="background: url(image1.jpg) no-repeat; width:100px; height:100px;"></div> <div style="background: url(image2.jpg) no-repeat; width:100px; height:100px;"></div> <div style="background: url(image3.jpg) no-repeat; width:100px; height:100px;"></div>
這將在頁面上顯示三個通過div元素設置背景圖像的元素。CSS中的url()函數指定引用圖像的URL，no-repeat屬性防止圖像重復，width和height屬性設置元素的尺寸。
方法三：使用HTML5的和標簽
HTML5引入了新的元素
<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>
這將在頁面上顯示三張圖片，并將每張圖片和說明包含在
上一篇c 怎么用json
下一篇python 錄屏程序