এইচটিএমএল প্যাভিকন
একটি Bavicon ব্রাউজারে পেজ হেডারের পাশে প্রদর্শিত একটি ছোট ছবি।
কিভাবে HTML এ একটি Beavicon যোগ করবেন
আপনি আপনার ব্যাভিকন হিসাবে আপনার পছন্দ মতো যে কোনও চিত্র ব্যবহার করতে পারেন। আপনি https://www.favicon.cc-এর মতো সাইটে নিজের ফেভিকন তৈরি করতে পারেন।
পরামর্শ:
একটি ব্যাভিকন একটি ছোট চিত্র, তাই এটি উচ্চ বৈসাদৃশ্য সহ একটি সাধারণ চিত্র হওয়া উচিত।
ব্রাউজারে পৃষ্ঠা শিরোনামের বাম দিকে একটি ব্যাভিকন চিত্র প্রদর্শিত হয়:
Beavicon উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>আপনার ওয়েবসাইটে একটি bavicon যোগ করতে, আপনার ওয়েব সার্ভারের রুট ডিরেক্টরিতে আপনার bavicon ইমেজ সংরক্ষণ করুন, অথবা root ডিরেক্টরিতে ইমেজ নামে একটি ডিরেক্টরি তৈরি করুন এবং এই ডিরেক্টরিতে আপনার bavicon ইমেজ সংরক্ষণ করুন। একটি ফেভিকন ছবির সাধারণ নাম হল "favicon.ico"।
এরপর, আপনার "index.html" ফাইলে <title> উপাদানের পরে একটি <link> উপাদান যোগ করুন:
এখন, "index.html" ফাইলটি সংরক্ষণ করুন এবং এটি আপনার ব্রাউজারে পুনরায় লোড করুন। আপনার ব্যাভিকন ইমেজ আপনার ব্রাউজারে পেজ হেডারের বাম দিকে প্রদর্শিত হবে।
Bavicon ফাইল ফরম্যাট সমর্থন
নিম্নলিখিত টেবিলটি একটি ব্যাভিকন চিত্রের জন্য ফাইল বিন্যাস সমর্থন দেখায়:
| ব্রাউজার | ICO | PNG | GIF | JPEG | SVG |
|---|---|---|---|---|---|
| প্রান্ত | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| ক্রোম | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| ফায়ারফক্স | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| অপেরা | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| সাফারি | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ | হ্যাঁ |
অধ্যায়ের সারাংশ
প্যাভিকন সন্নিবেশ করতে HTML <link> উপাদান ব্যবহার করুন
অনুশীলন করুন
কোন HTML উপাদানে একটি Bavicon সংজ্ঞায়িত করা হয়েছে?
HTML লিঙ্ক ট্যাগ
| ট্যাগ | ব্যাখ্যা |
|---|---|
| <link> | একটি নথি এবং একটি বহিরাগত সম্পদের মধ্যে সম্পর্ক সংজ্ঞায়িত করে |
সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।