এইচটিএমএল ইমেজ সাইজ

এইচটিএমএল চিত্রের আকার একটি চিত্রের উচ্চতা এবং প্রস্থকে বোঝায়। এগুলিতে HTML বৈশিষ্ট্য হিসাবে তালিকাভুক্ত করা হয়েছে উপাদান। সেগুলি কীভাবে সেট করবেন তা এখানে।

সিনট্যাক্স

একটি <img> এর প্রস্থ এবং উচ্চতা বৈশিষ্ট্য সেট করার জন্য সিনট্যাক্স ট্যাগ হল:

<img src="<name of website>" alt="<alt tag>" height="<in px>" width="<in px>" />

এখানে একটি কোড স্নিপেট দেখানো হয়েছে যে এটি কীভাবে কাজ করে:

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>repl.it</title>
   <link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
   <h1>Image Size in HTML</h1>
   <h2>without attributes</h2>
   <img src="https://placekitten.com/500/500" />
   <h2>with attributes</h2>
   <img src="https://placekitten.com/500/500" width="300" height="300" />
   <script src="script.js"></script>
 </body>
</html>

<img> এর উচ্চতা এবং প্রস্থ উপাদান হল পিক্সেলের একটি সংখ্যা (উদ্ধৃতির মধ্যে)। উচ্চতা এবং প্রস্থ উভয় বৈশিষ্ট্য নির্দেশ করা একটি ভাল ধারণা যাতে ওয়েব পৃষ্ঠা লোড হওয়ার আগে ছবির জন্য স্থান বরাদ্দ করা হয়। পৃষ্ঠা রেন্ডার করার আগে ছবির আকার নির্দেশিত না হলে, ছবি লোড হওয়ার সাথে সাথে পৃষ্ঠাটি তার বিন্যাস সামঞ্জস্য করবে।

ব্রাউজার সমর্থন

একটি <img> এর প্রস্থ এবং উচ্চতা বৈশিষ্ট্য উপাদান সমস্ত ওয়েব ব্রাউজারে সমর্থিত৷

৷