এইসটিএমএল পেজে ইমেজ নিয়ে আসার জন্য আমরা src (sourch) attribute ব্যাবহার করি ।
যেমন <img src="image.png">
এখানে img src দ্বারা ইমেজটির লোকেশন বোঝানো হয়েছে image.png দিয়ে ইমেজের নান সহ এক্সটেনশন (.png) দেওয়া হয়েছে ।
একটি উধাহরণ দেখ তাহলে বুঝতে পারবে
<!DOCTYPE html>
<html lang="en">
<head>
<title>bong71.blogspot.com</title>
</head>
<body>
<h1> Offline Image Add on The Fill Manager</h1>
<img src="image.png">
</body>
</html>
এখানে <img src="image.png"> আমরা ইমেজটির height এবং width দেয় নি এজন্য ডিফল্ট ভাবে ইমেজের height এবং width বসে যাবে ।
এবার নিচের উদাহরণটি তাহলে বুঝতে পারবে
<!DOCTYPE html>
<html lang="en">
<head>
<title>bong71.blogspot.com</title>
</head>
<body>
<h1> Offline Image Add on The Fill Manager</h1>
<img src="image.png" width="250" height="250">
</body>
</html>
এখানে <img src="image.png" width="250" height="250"> আমি width=250px দিয়েছি এবং height=250px
দিয়েছি যার ফলে ইমেজটি 250*250 সাইজে ওয়েব পেইজে প্রদর্শিত হবে ।
অনেকে অনান্য app ব্যাবহার করে যার ফলে তাদের ইমেজটি প্রদর্শিত হয় না । তাদের জন্য একটি সমাধান হল ।
<img src="image.png" alt="New Image" width="250" height="250">
alt="New Image" এটি img ট্যাগের ভিতরে লেখা লাগবে ।
নিচের উদাহরণটি দেখ তাহলে বুঝতে পারবে
<!DOCTYPE html>
<html lang="en">
<head>
<title>bong71.blogspot.com</title>
</head>
<body>
<h1> Offline Image Add on The Fill Manager</h1>
<img src="image.png" alt="New Image" width="250" height="250">
</body>
</html>
ইমেজ ও সোর্সকোর্ড Download করার জন্য Group এ নক দাও Tag list এখানে
Thanks
ReplyDelete