HTML中通過標(biāo)簽來添加圖片到網(wǎng)頁上，但是有時候我們需要控制圖片的大小。這篇文章就來介紹如何通過設(shè)置寬度和高度來控制圖片大小。 首先，我們需要在標(biāo)簽中使用width和height屬性來設(shè)置圖片的寬度和高度。例如，下面的代碼設(shè)置圖片的寬度為200像素，高度為100像素：

<img src="example.jpg" width="200" height="100" alt="Example Image">

注意，如果只設(shè)置一個屬性，另一個屬性會根據(jù)圖片比例自動調(diào)整。如果兩個屬性的值都設(shè)置為0，圖片將顯示在其原始大小。如果只設(shè)置一個屬性的值為0，另一個屬性將根據(jù)圖片的原始比例自動調(diào)整。 也可以使用CSS來設(shè)置圖片的大小。下面的代碼通過CSS將圖片的寬度設(shè)置為50%：

<img src="example.jpg" style="width: 50%;" alt="Example Image">

在CSS中，同樣可以使用height屬性來設(shè)置圖片的高度，例如：

<img src="example.jpg" style="width: 50%; height: 200px;" alt="Example Image">

在設(shè)置圖片大小時，需要注意以下幾點： - 圖片大小不應(yīng)太大或太小，以保持網(wǎng)頁的美觀和加載速度。 - 圖片大小應(yīng)該與其顯示的大小一致，以避免變形或失真。 - 在使用CSS設(shè)置圖片大小時，應(yīng)該避免使用固定值，而應(yīng)該使用相對值，例如百分比。 總之，通過設(shè)置寬度和高度來控制圖片大小是HTML中常用的技巧之一。通過合理使用這個技巧，可以讓網(wǎng)頁更加美觀、易讀和快速加載。