HTML5已經成為網頁設計和開發(fā)中的標準，而其圖片代碼也變得更加簡單易懂。HTML5的圖片代碼使用了img標簽，可以更方便地插入圖片和設置其相關屬性。

<img src="example.jpg" alt="茶杯" width="400" height="300">

上面這個例子展示了一個基本的img標簽，其中包含了幾個屬性。src屬性定義了圖片的路徑，alt屬性則是圖片的替代文本，以便于讓屏幕閱讀器等讀者可以訪問、了解內容。width屬性和height屬性則分別定義了圖片的寬度和高度，以確保圖片適合頁面的布局。

HTML5的img標簽還可以使用一系列的新屬性，從而讓圖片的展示更加有趣和便捷。比如，使用data-*屬性可以讓開發(fā)者自定義屬性，而使用loading屬性可以讓瀏覽器對圖片加載的優(yōu)先級進行控制，以提高用戶體驗。

<img src="example.jpg" alt="茶杯" width="400" height="300" 
data-description="這是一只優(yōu)雅的茶杯"
loading="lazy">

總之，HTML5的圖片代碼不僅簡單易懂，而且靈活方便。開發(fā)者只需要利用img標簽和相關屬性，就能輕松地在網頁中插入、調整和展示圖片。