HTML是網頁制作中常用的語言，通過它可以搭建出精美、功能強大的網頁。在網頁設計中，圖片是必不可少的元素之一，它可以美化網頁，豐富網頁內容。有時候，我們需要在網頁上對圖片進行分類展示，這時候，圖片樹就起到了很大的作用。下面就讓我們來學習一下如何設置圖片樹組。 首先，我們需要用到HTML中的ul和li標簽，用來生成一個有序列表，再通過css樣式中的display屬性來設置元素的顯示方式。具體代碼如下：

<ul>
<li>
<img src="img1.jpg" alt="圖片1">
<p>圖片1描述</p>
</li>
<li>
<img src="img2.jpg" alt="圖片2">
<p>圖片2描述</p>
</li>
<li>
<img src="img3.jpg" alt="圖片3">
<p>圖片3描述</p>
</li>
</ul>
<style>
li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
img {
width: 200px;
height: 150px;
border: 1px solid #ccc;
}
</style>

上面的代碼中，我們在ul標簽下使用li標簽來生成三個列表項，每個列表項包含一個圖片和一個描述。在樣式中，我們設置li標簽的顯示方式為inline-block，可以使其水平排列并占據一定的空間。同時，我們設置了每個圖片的寬度為200px，高度為150px，并添加了一個1px的邊框，使其更加美觀。 通過上面的html代碼和css樣式，我們就成功地創建了一個簡單的圖片樹組。現在，我們可以根據自己的需要添加更多的列表項，組成更加豐富多樣的圖片樹。