如何在 HTML 中設置圖片大小

在 HTML 中設置圖片大小有兩種方法：使用 和 屬性，或使用 CSS 屬性。

使用 和 屬性

和 屬性直接指定了圖片的寬高。它們是 HTML 中用于設置圖片大小的最簡單方法。

<code class="html"><img  src="image.jpg"    style="max-width:90%"  style="max-width:90%" alt="怎么在html中設置圖片大小" ></code>

在這種情況下，圖像將寬 200 像素，高 100 像素。

使用 CSS 屬性

CSS 屬性允許您指定圖片大小以及其他樣式屬性。

<code class="html"><img  src="image.jpg"   style="max-width:90%" alt="怎么在html中設置圖片大小" ></code>

在這種情況下，圖像也將寬 200 像素，高 100 像素。

設置圖片大小的注意事項

寬高單位可以是像素 ()、百分比 (%) 或其他 CSS 單位。
如果不指定單位，則默認單位為像素。
如果只指定一個維度，則另一個維度將自動調整以保持縱橫比。
可以使用 CSS 和 屬性限制圖片的最大尺寸。