এইচটিএমএল ইমেজ: HTML Image
এখানে HTML ইমেজ যুক্ত করার জন্য কোড স্ক্রিপ্ট দেওয়া হলো, যেখানে <img>, src, alt, width, এবং height অ্যাট্রিবিউট ব্যবহার করা হয়েছে:
উদাহরণ:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Image Example</title>
</head>
<body>
<h1>HTML ইমেজ যুক্ত করার উদাহরণ</h1>
<!-- ইমেজ যুক্ত করা -->
<p>নিচে একটি ইমেজ দেখানো হয়েছে:</p>
<img src="https://via.placeholder.com/300" alt="Placeholder Image" width="300" height="200">
<p>এই ইমেজটি একটি প্লেসহোল্ডার ইমেজ যা 300px চওড়া এবং 200px উচ্চতা আছে।</p>
</body>
</html>
ব্যাখ্যা:
-
<img>: এটি ইমেজ ট্যাগ, যা HTML এ ইমেজ দেখানোর জন্য ব্যবহৃত হয়। -
src:srcঅ্যাট্রিবিউটটি ইমেজটির সোর্স বা ফাইলের ঠিকানা নির্দেশ করে। এখানেhttps://via.placeholder.com/300একটি প্লেসহোল্ডার ইমেজের URL। -
alt:altঅ্যাট্রিবিউটটি ইমেজ না লোড হলে অথবা ভিজ্যুয়ালি চ্যালেঞ্জড ব্যবহারকারীর জন্য ইমেজের একটি বর্ণনা প্রদান করে। এটি SEO (Search Engine Optimization) এর জন্যও গুরুত্বপূর্ণ। -
width: ইমেজের প্রস্থ (চওড়া) নির্ধারণ করে। এখানে এটি 300px দেওয়া হয়েছে। -
height: ইমেজের উচ্চতা নির্ধারণ করে। এখানে এটি 200px দেওয়া হয়েছে।
