HTML 是網頁開發中必不可少的語言，其中圖片的使用尤其重要。在 HTML 中，我們可以通過設置圖片的屬性來調整圖片的大小、位置、鏈接等各種效果。

<img src="image.jpg" alt="example image">

上面這個代碼片段是添加一個圖片的最基本代碼。其中，src屬性指定了圖片的地址，alt屬性則是圖片無法顯示時的替代文本。這兩個屬性都是必須的。

<img src="image.jpg" alt="example image" width="500" height="300">

通過設置width和height屬性，可以分別指定圖片在網頁上的寬度和高度。注意，這里設置的寬高應該和圖片本身的大小相符，否則可能會拉伸或縮放導致失真。

<img src="image.jpg" alt="example image" align="left">

通過設置align屬性，可以將圖片對齊到左側、右側或中間。當然，這個屬性只在圖片被包含在其他元素中時才有意義。

<a ><img src="image.jpg" alt="example image"></a>

使用a標簽可以為圖片添加鏈接。只需要將a標簽嵌套在img標簽中，并設置鏈接的地址即可。

<img srcset="small.jpg 320w, large.jpg 1200w">

通過設置srcset屬性，可以為圖片提供多個不同尺寸的圖片。瀏覽器會自動選擇最適合當前設備的尺寸進行顯示。

以上是一些常用的圖片屬性設置，在實際開發中還有更多細節需要考慮。總之，通過靈活使用圖片屬性，我們可以為網頁添加更多生動、美觀的元素。