html offline image tag,এইসটিএমএল এ ফাইল ম্যানেজার থেকে ইমেজ আপলোড



এইসটিএমএল পেজে ইমেজ নিয়ে আসার জন্য আমরা src (sourch) attribute ব্যাবহার করি ।

যেমন <img src="image.png"> 

এখানে img src দ্বারা ইমেজটির লোকেশন বোঝানো হয়েছে image.png দিয়ে ইমেজের নান সহ এক্সটেনশন (.png) দেওয়া হয়েছে ।

Html tag list

একটি উধাহরণ দেখ তাহলে বুঝতে পারবে


<!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 এখানে


Tags

Post a Comment

1 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.