HTML是一種用于構建網頁的標記語言。在網頁設計過程中，經常需要設置不同的元素之間的空隙，從而使頁面看起來更加美觀。本文將介紹如何在HTML中設置照片間的空隙。 在HTML中，展示圖片的最常用的標簽是img標簽。該標簽可以用來將圖片引入到網頁中。如下所示：

此處，src屬性指定圖片的路徑，alt屬性為該圖片的描述(當圖片不能顯示時)。如果想在兩張圖片之間添加間隙，則可以使用CSS樣式表的margin屬性。 給img標簽添加一個class屬性，可以使該標簽根據已有的定義，應用不同的樣式。為了實現圖片之間的空隙，我們建議在樣式表文件中定義以下類：

.img-class {
margin: 10px;
}

其中10px可以更改，用于表達您想要的空隙大小。當該樣式表被應用于頁面時，包含img標簽的段落將被解析并產生邊距。要使樣式表起作用，必須將.css樣式表文件引入網頁：

現在來看一個完整的例子，假設有兩張圖片(路徑為img1.jpg和img2.jpg)，將它們添加到頁面上，在圖片之間添加10像素空隙。

在上面的代碼中，兩張圖片都是包含在一個段落中并作為一個整體進行掃描。因此，margin標簽被添加到段落中，并應用到該段落中的所有圖片。顯示結果是，兩個圖片之間被添加了10像素的空隙，讓頁面看起來更加美觀。 在實際的網頁設計中，還有許多其他的方法可以控制圖片之間的空隙。有時候，空隙可用于制作更具吸引力和專業風格的網頁布局。對于初學者，在CSS中學習margin和padding屬性對于形成優美的頁面設計是非常重要的一步。