Thuộc tính HTML <img> width
Thí dụ
Hình ảnh có chiều cao 600 pixel và chiều rộng 500 pixel:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Thuộc width
tính chỉ định chiều rộng của hình ảnh, tính bằng pixel.
Mẹo: Luôn chỉ định cả thuộc tính height
và
width
thuộc tính cho hình ảnh. Nếu chiều cao và chiều rộng được đặt, không gian cần thiết cho hình ảnh sẽ được dành riêng khi trang được tải. Tuy nhiên, nếu không có các thuộc tính này, trình duyệt không biết kích thước của hình ảnh và không thể dành không gian thích hợp cho nó. Hiệu quả sẽ là bố cục trang sẽ thay đổi trong quá trình tải (trong khi tải hình ảnh).
Mẹo: Giảm kích thước một hình ảnh lớn với thuộc tính
height
và width
buộc người dùng phải tải xuống hình ảnh lớn (ngay cả khi nó trông nhỏ trên trang). Để tránh điều này, hãy bán lại hình ảnh bằng một chương trình trước khi sử dụng nó trên một trang.
Hỗ trợ trình duyệt
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Cú pháp
<img width="pixels">
Giá trị thuộc tính
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ Thẻ HTML <img>