在HTML中，設置圖像為底部的方法可以采用CSS中的“vertical-align”屬性。通過將該屬性的值設置為“bottom”，我們就可以實現將圖像從默認情況下的基線向下對齊至底部的效果。

<img src="example.jpg" alt="example image" style="vertical-align: bottom;">

在上面的代碼中，我們通過使用“img”標簽來添加圖像，其中“src”屬性代表圖像的來源，而“alt”屬性則用于提供當圖像無法正常加載時的代替文本。同時，在“style”屬性中，我們設置了“vertical-align”為“bottom”，這樣就可以將圖像放置在其所在行的底部位置。

需要注意的是，如果我們將多個圖像添加到同一行中，它們的對齊方式將會受到彼此之間的影響。這時候，我們可以設置它們所在容器元素的“vertical-align”屬性，以達到整體統一的對齊效果。

<div style="vertical-align: bottom;">
<img src="example1.jpg" alt="example image 1">
<img src="example2.jpg" alt="example image 2">
</div>

在以上代碼中，我們通過將兩個圖像放置在一個帶有“div”標簽的容器中，來達到將它們放置在同一行的效果。然后，我們通過設置容器的“vertical-align”屬性，來將它們整體對齊至底部。

總而言之，通過CSS的“vertical-align”屬性，我們可以輕松地對圖像進行對齊的控制。無論是對單個圖像還是對多個圖像進行設置，該屬性都可以方便地滿足我們的需求。