HTML5插入圖片是在網頁開發中常用到的技巧，通過插入圖片能夠豐富網頁內容，提高網頁的觀賞性和使用性。下面介紹一下HTML5插入圖片的代碼。 首先，需要在網頁中聲明一個標簽，然后在標簽中添加指向圖片文件的鏈接地址，如下所示：

<img src="http://example.com/image.jpg" alt="這里是圖片描述文字">

在上面的代碼中，src屬性是指向圖片文件的鏈接地址，alt屬性是在圖片無法加載時展示的文字描述。一般來說，alt屬性應該包含與圖片相關的文字描述，以便用戶了解圖片內容和意義。如果圖片鏈接出現錯誤或圖片文件不存在，alt屬性可以做為替代文本呈現在頁面上。 如果需要在頁面中插入本地圖片，可以使用相對路徑而不是絕對路徑，如下所示：

<img src="images/image.jpg" alt="這里是圖片描述文字">

在上面的代碼中，src屬性指向了放置在網頁根目錄下的images文件夾中的圖片。可以看到，相對路徑不包含域名和協議名，因此只需要提供本地的路徑就可以與網站進行關聯。在插入本地圖片時，需要確保路徑和文件名都是正確的。 此外，標簽還支持width和height屬性，可以設置圖片的寬度和高度，如下所示：

<img src="http://example.com/image.jpg" width="500" height="300" alt="這里是圖片描述文字">

在上面的代碼中，width屬性和height屬性分別設置了圖片的寬度和高度，單位為像素。如果只設置其中一個屬性，圖片則會按照原始比例顯示，另一個屬性會自動適應相應的大小。 總之，HTML5插入圖片可以通過標簽和各種屬性靈活地呈現在網頁上，將圖片與文字融合呈現，使網頁變得更加生動有趣。