HTML是一種用于構(gòu)建網(wǎng)頁的語言，而圖片在網(wǎng)頁中也是一個(gè)非常重要的元素， HTML提供了多種樣式代碼來處理圖片，使其更加美觀和有用。

img {
display: block; /*將圖片變成塊元素*/
max-width: 100%; /*自適應(yīng)寬度*/
height: auto; /*自動(dòng)調(diào)整高度*/
border: 1px solid #ddd; /*添加邊框*/
margin: 10px auto; /*設(shè)置外邊距*/
}

上面的樣式代碼可以將所有的圖片轉(zhuǎn)換成塊元素，并且會(huì)自動(dòng)調(diào)整寬度和高度，如果需要可以添加邊框和外邊距以美化圖片。

figure {
display: block; /*將figure標(biāo)簽變成塊元素*/
margin: 0; /*去掉外邊距*/
padding: 0; /*去掉內(nèi)邊距*/
}
figure img {
max-width: 100%; /*自適應(yīng)寬度*/
height: auto; /*自動(dòng)調(diào)整高度*/
display: block; /*將圖片變成塊元素*/
}
figure figcaption {
font-size: 0.8em; /*修改字體大小*/
text-align: center; /*居中顯示*/
margin-top: 5px; /*添加上邊距*/
}

上面的樣式代碼則是為了更加完整地展示圖片，使用了figure和figcaption標(biāo)簽來包圍圖片，并調(diào)整字體大小和對(duì)齊方式。

以上是一些常用的HTML樣式代碼，可以幫助我們更好地掌握和處理圖片，通過不斷嘗試和實(shí)踐可以讓我們更加熟練地使用這些樣式，打造出更加美觀的網(wǎng)頁。