HTML 是一種用于構建網頁的標記語言。在網頁設計中，圖像的位置和大小是非常重要的。本文將為您介紹如何使用 HTML 設置圖像的位置。 在 HTML 中，可以使用 `` 標簽來添加圖像。例如，下面的代碼將在網頁中添加一張圖片：

<img src="example.jpg">

默認情況下，圖片會自動居中顯示在網頁中。但是，我們有時需要對圖像進行更精細的位置控制。 要在 HTML 中設置圖像位置，可以使用 CSS 的 `position` 屬性。`position` 屬性有四個屬性值可以設置。分別是 `static`、`relative`、`absolute` 和 `fixed`。 其中，`static` 是默認值，表示元素在正常文檔流中的位置。`relative` 表示元素相對于它自己在文檔中的位置進行移動。`absolute` 表示元素相對于其父元素進行移動。`fixed` 表示元素相對于瀏覽器窗口進行移動。 當使用 `position` 屬性時，還需要使用 `top`、`right`、`bottom` 和 `left` 這四個屬性來設置元素距離其包含塊的邊緣的距離。 下面的示例代碼演示了如何將圖像放置在網頁右上角：

<style>
img {
position: absolute;
top: 0;
right: 0;
}
</style>
<p>這是網頁正文。</p>
<p><img src="example.jpg"></p>

上述代碼中，`position` 屬性被設置為 `absolute`，意味著該元素將相對于其最近的具有定位屬性的祖先元素進行定位。同時，使用 `top` 和 `right` 屬性將圖像置于網頁的右上角。 總之，通過使用 CSS 的 `position` 屬性和 `top`、`right`、`bottom` 和 `left` 屬性，我們可以在 HTML 中精確地控制圖像的位置。