摘要：在HTML中設置圖片比例可以讓網頁更加美觀，本文將詳細介紹HTML中圖片比例設置的方法。

1. 使用width和height屬性設置圖片比例

在HTML中，可以使用width和height屬性來設置圖片的寬度和高度，從而達到設置圖片比例的效果。例如：

gple.jpg" width="300" height="200">

這段代碼將會在網頁上顯示一張寬度為300像素，高度為200像素的圖片。如果需要設置比例，可以根據需要調整width和height的值，使它們的比例保持一致即可。

2. 使用CSS設置圖片比例

除了使用width和height屬性，還可以使用CSS來設置圖片的比例。具體方法是在CSS中設置圖片的寬度和高度，并使用“auto”來設置其中一個屬性的值。例如：

gple.jpg" class="pic">style>

.pic {

width: 300px;

height: auto;/style>

這段代碼將會在網頁上顯示一張寬度為300像素，高度根據比例自動調整的圖片。

3. 使用響應式設計設置圖片比例

在使用響應式設計的網頁中，可以使用百分比來設置圖片的大小，從而達到適應不同屏幕尺寸的效果。例如：

gple.jpg" class="pic">style>

.pic {

width: 100%;

height: auto;/style>

這段代碼將會在網頁中顯示一張寬度為100%，高度根據比例自動調整的圖片。

總結：以上是HTML中設置圖片比例的三種方法，根據不同的需求可以選擇適合自己的方法來設置圖片的大小和比例，從而讓網頁更加美觀。