在網頁制作中，圖片是至關重要的元素。下面是一些常見的HTML代碼示例，來幫助您添加和排列圖片。

<img src="image.jpg" alt="圖片描述" width="500" height="300">

上面的代碼演示了如何插入一張圖片。在上例中，我們將圖片文件名指定為 “image.jpg”。 alt 屬性規定了當圖片無法顯示時的替代文本。 width 和 height 屬性指定了圖片的寬度和高度。

<img src="image1.jpg" alt="圖片一" style="float: left; margin-right: 10px;">
<img src="image2.jpg" alt="圖片二" style="float: right; margin-left: 10px;">

上面的代碼演示了如何將兩張圖片放在同一行。我們使用樣式表將第一張圖片向左浮動，并將第二張圖片向右浮動。由于我們同時還設定了兩張圖片的外邊距，因此它們可以緊密相連。

<img src="image3.jpg" alt="圖片三" usemap="#map1">
<map name="map1">
<area shape="rect" coords="0,0,250,100" href="#">
</map>

上面的代碼演示了如何為圖片添加熱區 。在這個例子中，我們首先插入一張帶有 “usemap” 屬性的圖片。然后，我們創建一個名為 “map1” 的圖像映射。在這個圖像映射中，我們定義了一個名稱為 “rect” 的矩形形狀，并指定了其左上和右下坐標。最后，我們將此熱區鏈接到一個網頁。

總之，在網頁開發過程中，這些代碼示例將幫助您輕松地添加和定位圖片。