HTML 中的圖片 img 標簽是用來向網頁中添加圖片的，而 CSS 中設置圖片大小則是控制圖片在頁面中呈現的尺寸。接下來我們就來詳細講解如何使用 HTML 和 CSS 來設置圖片的大小。
首先，在 HTML 中添加圖片有兩種方式，分別是直接使用 img 標簽添加外部鏈接圖片，或者是上傳圖片到服務器后使用本地鏈接。其中，第一種方式需要輸入圖片的 URL 地址，然后就可以輕松的添加圖片到頁面中。下面是一個簡單的例子：
<p>網站LOGO：</p> <img src="https://example.com/logo.jpg" alt="網站LOGO">在這個例子中，我們通過使用 img 標簽和src屬性，添加了一個鏈接到外部服務器上的圖片。這樣，我們就可以在頁面中顯示出我們想要的圖片了。 接下來，我們需要使用 CSS 來控制圖片的大小。為了讓CSS樣式生效，我們需要在 HTML 的頭部 section 中添加一個 CSS 文件，具體如下：
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>接著，在 CSS 文件中，我們可以使用如下代碼設置圖片的大小：
img {
width: 50%;
height: auto;
}在這個例子中，我們使用了 width 屬性來設置圖片的寬度大小，并將其設置為頁面寬度的 50%。同時，我們還使用了 height 屬性來自動計算圖片的高度，從而保持圖片原有比例不變。
除了使用 width 屬性來設置圖片的寬度外，我們還可以使用 max-width 屬性來限制圖片的最大寬度。例如：img {
max-width: 100%;
height: auto;
}在這個例子中，我們將 max-width 屬性設置為100%。這意味著，無論圖片原來多大，它最大尺寸將被限制在視口的寬度下，從而使其適應不同的屏幕大小和設備。
總之，使用 HTML 和 CSS 對圖片進行大小調整是非常重要的，這將使我們的網頁更加美觀和易讀。通過本文的介紹，相信您已經學會了如何對圖片進行大小設置的方法，快去嘗試一下吧！