什么是img標簽？
在網頁開發中，img標簽是一種用于顯示圖片的HTML標記。它代表著一個需要在網頁上展示的圖像。
img標簽通常被嵌套在HTML文檔中的其他標簽內部或者自己作為獨立的元素使用，例如：
html
<img src="picture.jpg" alt="A beautiful picture">
在這個例子中，src屬性表示需要加載的圖片的URL，alt屬性則是一個可選的、供輔助閱讀設備使用的文本描述。當瀏覽器無法加載圖片時，它會展示alt文本，這也意味著alt應該足夠準確地描述圖片的內容，確保無障礙訪問。
除了src和alt屬性之外，img標簽還可以接受一些其他的屬性來控制圖像的展示效果，例如：
width：指定圖片的寬度；
height：指定圖片的高度；
title：為圖片添加一個鼠標懸停時的提示文本；
style：為圖片指定CSS樣式；
class：為圖片指定CSS類名。
在實際開發中，我們經常需要在網頁中顯示多個圖片，比如相冊、產品展示等等。這時候可以通過在HTML文檔中使用多個img標簽，或者在CSS樣式中指定背景圖片來實現。下面是一個展示相冊的例子：
html
<div class="gallery">
<img src="picture1.jpg" alt="Picture 1">
<img src="picture2.jpg" alt="Picture 2">
<img src="picture3.jpg" alt="Picture 3">
<!-- ... -->
</div>
css
.gallery img {
width: 200px;
height: 200px;
margin-right: 10px;
}
在這個例子中，我們將所有的圖片放置在class為gallery的div標簽內部，并通過CSS樣式指定了每個圖片的大小和間距。
總之，img標簽是網頁開發中不可或缺的一部分，它可以幫助我們輕松地在網頁上展示圖片，并為用戶提供更好的閱讀和使用體驗。
