在HTML網頁中，能夠添加圖片的效果是非常常見的。下面我們來學習如何在網頁中添加圖片，并控制其顯示效果。

<img src="圖片鏈接" />

上述代碼是最簡單的添加圖片的方式，其中src屬性指定了圖片的鏈接。不過需要注意的是，如果圖片無法加載，那么網頁可能會出現問題，因此我們需要添加一定的容錯機制，例如：

<img src="圖片鏈接" alt="圖片描述" />

上述代碼中，我們添加了alt屬性，如果圖片無法加載，將會顯示alt屬性的內容，這有助于提升網頁的可用性。

接下來我們通過控制CSS樣式，來修改圖片的大小、邊框和對齊方式。首先是控制圖片大小的代碼：

img {
width: 200px;
height: 200px;
}

上述代碼中，我們針對所有的img標簽設置了寬度和高度為200px，從而控制了圖片的大小。

接下來是添加圖片邊框的代碼：

img {
border: 1px solid #ccc;
}

上述代碼中，我們為圖片添加了1像素粗的邊框，并使用了灰色的顏色。

最后是修改圖片對齊方式的代碼：

img {
display: block;
margin: 0 auto;
}

上述代碼中，我們將圖片設置為塊級元素，并使用margin屬性將其水平居中。

通過上述代碼，我們可以輕松地控制圖片的顯示效果，實現更加漂亮和人性化的網頁設計。