Trang chủ
HTML
Hình ảnh HTML
Hãy thử: Hình ảnh HTML - thuộc tính kích thước hoặc kiểu dáng?
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> /* Kiểu này đặt chiều rộng của tất cả hình ảnh thành 100%: */ img { width: 100%; } </style> </head> <body> <h2>Thuộc tính hoặc kiểu chiều rộng/chiều cao?</h2> <p>Hình ảnh đầu tiên sử dụng thuộc tính chiều rộng (được đặt thành 128 pixel), nhưng kiểu trong phần đầu ghi đè lên nó và đặt chiều rộng thành 100%.</p> <img src="html5.gif" alt="HTML5 Icon" width="128" Height="128"> <p>Hình ảnh thứ hai sử dụng kiểu thuộc tính để đặt chiều rộng thành 128 pixel, thuộc tính này sẽ không bị ghi đè bởi kiểu trong phần đầu:</p> <img src="html5.gif" alt="Biểu tượng HTML5" style="width:128px;height: 128px;"> </body> </html>