要將一張圖片設置在文章的右邊，可以使用 HTML 中的 float 屬性來實現。下面是具體的步驟： 1. 首先在文章中使用 p 標簽來創建段落。

<p>這是一個段落。</p>

2. 在需要設置圖片的段落中，在其內部創建一個 img 標簽來插入圖片。img 標簽需要包含一個 src 屬性，該屬性用于指定圖片的路徑。下面是一個示例代碼：

<p>
這是一個段落，其中包含一張圖片：
<img src="圖片的路徑" alt="圖片的說明文字" style="float: right;">
</p>

在代碼中，我們添加了 `style="float: right;"` 屬性，這將使得圖片浮動到右邊。 除了 float 屬性之外，還可以使用 text-align 屬性來設置圖片的對齊方式。例如，如果希望將圖片放在段落的右側，但保持其與左側文本的對齊，可以將該屬性設置為 left，如下所示：

<p style="text-align: right;">
這是一個段落，其中包含一張圖片：
<img src="圖片的路徑" alt="圖片的說明文字" style="float: right;">
</p>

這樣設置之后，段落中的所有內容都會被居右對齊，圖片則會浮動到右側，但與左側的文本保持對齊。 總之，在 HTML 中設置圖片居右需要使用 float 或 text-align 屬性，可以根據需求選擇不同的屬性來達到所需效果。