Code Thẻ picture trong HTML

Code Thẻ picture trong HTML

Code Thẻ picture trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thẻ picture trong HTML</title>
</head>
<body>
<h1>Code Thẻ picture trong HTML</h1>
<p>Kéo trình duyệt nhỏ lại để xem hình ảnh thay đổi, chổ min-width bạn thay đổi khi làm thực tế</p>
<picture>
  <!--Từ 650px trở lên sử dụng hình này-->
  <source media="(min-width:650px)" srcset="https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg">
  <!--Từ 465px đến dưới 650px trở lên sử dụng hình này-->
  <source media="(min-width:465px)" srcset="https://webmoi.vn/thumuc/sach-lam-chu-van-menh-cua-ban.jpg">
  <!--Dưới 465px sử dụng hình này-->
  <img src="https://webmoi.vn/upload/tinblog/the-picture-trong-html.jpg" alt="Thẻ picture trong HTML" style="width:100%;height:auto">
</picture>
</body>
</html>
Code Thẻ picture trong HTML nằm trong bài viết Thẻ picture trong HTML