HTML是網頁制作中最基礎的語言之一，使人們能夠創建豐富多彩的網頁。在制作網頁時，經常需要放置圖片。有時候我們想讓圖片與周圍的內容有一些間距，這就需要用到外邊距。接下來，讓我們來學習如何使用HTML設置圖片外邊距。 首先，我們需要使用img標簽將要插入的圖片嵌入到HTML代碼中。下面是一個例子：

<img src="picture.jpg" alt="圖片" width="400" height="300">

在這個例子中，我們將要插入名為“picture.jpg”的圖片，并設置圖片的寬度為400像素、高度為300像素。 如果我們希望為這個圖片添加外邊距，首先需要使用CSS（層疊樣式表）來控制圖片的樣式。我們可以使用style屬性來設置CSS樣式，下面是一個例子：

<img src="picture.jpg" alt="圖片" width="400" height="300" style="margin: 20px;">

在這個例子中，我們使用了margin屬性來設置圖片的外邊距，值為20像素。這意味著我們在圖片周圍留下了20像素的空白。 如果我們只想設置圖片的上下左右方向的外邊距，我們可以使用如下代碼：

<img src="picture.jpg" alt="圖片" width="400" height="300" style="margin-top: 20px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px;">

在這個例子中，我們分別為圖片的上下左右方向設置了不同的外邊距。你可以自由調整這些值以達到你想要的效果。 總的來說，通過HTML和CSS，你可以為你的圖片添加外邊距，使其更好地與周圍的內容配合。記住，CSS不僅可以用于設置圖片的外邊距，還可以控制文本、顏色、布局等網頁元素的樣式。掌握這些技能，你就能夠制作具有吸引力和創意的網頁啦！