<picture>: এইচটিএমএল ছবির উপাদান (The HTML Picture element)। HTML <picture> ট্যাগটি ইমেজ রিসোর্স নির্দিষ্ট করতে ব্যবহৃত হয়। এটি ওয়েব ডেভেলপারদের আরও নমনীয়তার সাথে ইমেজ রিসোর্স নির্দিষ্ট করতে দেয়। <img> ট্যাগটি স্থির চিত্রগুলি এম্বেড করতে ব্যবহৃত হয়। <img> ট্যাগটি একটি খালি ট্যাগ, এতে শুধুমাত্র গুণাবলী রয়েছে যেহেতু ক্লোজিং ট্যাগের প্রয়োজন নেই। এটি <body>… </body> ট্যাগের ভিতরে ব্যবহার করা উচিত। এইচটিএমএল ছবির উপাদান (The HTML Picture element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।
Example:1
<!-- Example:1 -->
<picture>
<source srcset="img,jpg">
<img src="images/img.jpg" alt="image">
</picture>
Example:2
<!-- Example:2 -->
<picture>
<source srcset="img,jpg" media="(min-height:400px; min-width:300px;)">
<img src="images/img.jpg" alt="image">
</picture>Full Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<h1>picture</h1>
<!-- Example:1 -->
<picture>
<source srcset="img,jpg">
<img src="images/img.jpg" alt="image">
</picture>
<!-- Example:2 -->
<picture>
<source srcset="img,jpg" media="(min-height:400px; min-width:300px;)">
<img src="images/img.jpg" alt="image">
</picture>
</body>
</html>