HTML是一種標(biāo)記語(yǔ)言，可用于在Web瀏覽器中創(chuàng)建靜態(tài)網(wǎng)頁(yè)。通過(guò)使用HTML，您可以將文本、圖像和其他多媒體內(nèi)容結(jié)合在一起，呈現(xiàn)在用戶面前。HTML與CSS結(jié)合使用可以使網(wǎng)頁(yè)更加美觀。

CSS是樣式表語(yǔ)言，用于控制HTML中元素的外觀和布局。通過(guò)使用CSS，您可以更準(zhǔn)確地指定如何顯示頁(yè)面元素。其中之一就是顯示圖片。

<style>
img {
width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
</style>

在上面的代碼中，我們使用了CSS來(lái)設(shè)置圖像的寬度、高度、顯示方式和水平對(duì)齊方式。width屬性指定圖像的寬度；height屬性指定圖像的高度。通過(guò)將height設(shè)置為“auto”，瀏覽器將根據(jù)圖像的寬度來(lái)自動(dòng)計(jì)算圖像高度，以保持比例。

display屬性指定圖像應(yīng)該以何種方式顯示。通過(guò)將其設(shè)置為“block”，我們確保圖像在其容器中占據(jù)整個(gè)行。最后，margin屬性指定圖像上下左右的間距，并使其水平居中對(duì)齊。

在HTML中使用圖像需要在img標(biāo)簽中指定圖像的源URL（src屬性）和替代文本（alt屬性），以便在圖像無(wú)法加載時(shí)提供有意義的描述性文本。

<img src="picture.jpg" alt="A beautiful sunset">

在上面的代碼中，我們使用了img標(biāo)簽來(lái)顯示名為“picture.jpg”的圖像。如果瀏覽器無(wú)法加載圖像，它將顯示替代文本“A beautiful sunset”。

總結(jié)而言，HTML和CSS是創(chuàng)建美觀網(wǎng)頁(yè)的基礎(chǔ)，搭配使用可以展示各種多媒體元素，如圖像，視頻，音頻等。 通過(guò)HTML中的img標(biāo)簽來(lái)引用圖像，然后使用CSS來(lái)控制其外觀和布局，可以輕松地在網(wǎng)頁(yè)中顯示圖片。