Trang chủ
HTML
Hình ảnh HTML
Yếu tố hình ảnh
Dùng thử: Phần tử hình ảnh HTML
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> <meta name="viewport" content="width=device-width,initial-scale=1.0"> </head> <body> <h2>Phần tử hình ảnh</h2 > <picture> <source media="(min-width: 650px)" srcset="img_food.jpg"> <source media="(min-width: 465px)" srcset="img_car.jpg"> <img src= "img_girl.jpg" style="width:auto;"> </picture> <p>Thay đổi kích thước trình duyệt để xem các phiên bản khác nhau của hình ảnh đang tải ở các kích thước khung nhìn khác nhau. Trình duyệt tìm phần tử nguồn đầu tiên trong đó truy vấn phương tiện khớp với chiều rộng khung nhìn hiện tại của người dùng và tìm nạp hình ảnh được chỉ định trong thuộc tính srcset.</p> <p>Phần tử img được yêu cầu làm thẻ con cuối cùng của khai báo hình ảnh khối. Phần tử img được sử dụng để cung cấp khả năng tương thích ngược cho các trình duyệt không hỗ trợ phần tử hình ảnh hoặc nếu không có thẻ nguồn nào khớp. </p> </body> </html>