HTML লিঙ্কে বুকমার্ক
HTML লিঙ্কগুলি বুকমার্ক তৈরি করতে ব্যবহার করা যেতে পারে যাতে পাঠকরা একটি ওয়েব পৃষ্ঠার নির্দিষ্ট অংশে যেতে পারে।
এই পৃষ্ঠায় যান:
বুকমার্ক কখন দরকারী?
একটি ওয়েব পৃষ্ঠা খুব দীর্ঘ হলে বুকমার্ক দরকারী। এটি দীর্ঘ নিবন্ধ, টিউটোরিয়াল, নথি, বা প্রচুর সামগ্রী সহ পৃষ্ঠাগুলির জন্য দুর্দান্ত।
HTML এ বুকমার্ক তৈরি করা
একটি বুকমার্ক তৈরি করতে - প্রথমে বুকমার্ক তৈরি করুন, তারপর এটিতে একটি লিঙ্ক যুক্ত করুন।
যখন একটি লিঙ্কে ক্লিক করা হয়, পৃষ্ঠাটি নীচে বা উপরে স্ক্রোল করে যেখানে বুকমার্ক আছে।
উদাহরণ
প্রথমে, আইডি অ্যাট্রিবিউট ব্যবহার করে একটি বুকমার্ক তৈরি করুন:
<h2 id="C4">Chapter 4</h2>id="C4"আংশিক বুকমার্ক সংজ্ঞায়িত করে। "C4" আপনার চয়ন করা যেকোনো নাম হতে পারে।
আইডি বৈশিষ্ট্য
বুকমার্কের জন্য একটি অনন্য শনাক্তকারী সংজ্ঞায়িত করে
id="unique-name"
মান
বুকমার্ক যেকোনো HTML উপাদানে যোগ করা যেতে পারে
h1, h2, p, div ইত্যাদি
ব্যক্তিগত হতে হবে
একই পৃষ্ঠায় একই আইডি মান পুনরায় ব্যবহার করবেন না
প্রতিটি বুকমার্কের জন্য একটি অনন্য নাম
বুকমার্ক একই পৃষ্ঠা লিঙ্ক
তারপর, একই পৃষ্ঠা থেকে বুকমার্কে একটি লিঙ্ক যোগ করুন ("জাম্প 4 অধ্যায়")
উদাহরণ
<a href="#C4">Jump to Chapter 4</a>href="#C4"এলাকা বুকমার্ক লিঙ্ক. # প্রতীক নির্দেশ করে যে এটি একটি পৃষ্ঠার মধ্যে একটি লিঙ্ক।
অন্য পৃষ্ঠায় বুকমার্ক লিঙ্ক
আপনি অন্য পৃষ্ঠায় একটি বুকমার্ক লিঙ্ক যোগ করতে পারেন:
উদাহরণ
<a href="html_demo.html#C4">Jump to Chapter 4</a>এই লিঙ্কটি "html_demo.html" ফাইলটি খুলবে এবং সেই পৃষ্ঠায় "C4" আইডি সহ উপাদানটিতে নেভিগেট করবে৷
| সংযোগের ধরন | উদাহরণ | ব্যাখ্যা |
|---|---|---|
| একই পৃষ্ঠায় | <a href="#section1"> |
বর্তমান পৃষ্ঠার বুকমার্কে যায় |
| অন্য দিকে | <a href="page.html#section1"> |
অন্য পৃষ্ঠা খোলে এবং বুকমার্ক করতে যায় |
| অন্য সাইটে | <a href="https://site.com/page#section"> |
বাহ্যিক সাইটের পৃষ্ঠায় যান এবং এটি বুকমার্ক করুন |
গুরুত্বপূর্ণ নোট:
কাজ করার জন্য একটি বুকমার্ক করা লিঙ্কের জন্য, লক্ষ্য পৃষ্ঠায় সেই আইডি সহ একটি উপাদান থাকতে হবে। অন্যথায়, লিঙ্কটি পৃষ্ঠার শীর্ষে চলে যাবে।
ব্যবহারিক প্রদর্শন
দীর্ঘ নথির জন্য বুকমার্কের ব্যবহারিক ব্যবহার নীচে দেখুন:
অধ্যায় 1: HTML এর ভূমিকা
এইচটিএমএল মানে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ। এটি ওয়েব পেজ তৈরি করার জন্য একটি আদর্শ মার্কআপ ভাষা।
HTML উপাদানগুলি HTML পৃষ্ঠাগুলির বিল্ডিং ব্লকগুলিকে উপস্থাপন করে।
পরবর্তী অধ্যায়ে যানঅধ্যায় 2: বেসিক HTML ট্যাগ
সমস্ত HTML নথি কিছু মৌলিক ট্যাগ দিয়ে শুরু করা উচিত:
<!DOCTYPE html>- নথির ধরন সংজ্ঞায়িত করে<html>- একটি HTML নথির মূল উপাদান<head>- মেটাডেটা রয়েছে<body>- পৃষ্ঠার বিষয়বস্তু রয়েছে
অধ্যায় 3: HTML উপাদান এবং বৈশিষ্ট্য
HTML উপাদানগুলি একটি স্টার্ট ট্যাগ, একটি বডি ট্যাগ এবং একটি শেষ ট্যাগ দিয়ে তৈরি।
HTML বৈশিষ্ট্য উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করে।
উদাহরণ: <a href="https://jassifteam.com">Jassif Team</a>
এখানেhrefএকটি বৈশিষ্ট্য এবং এর মান হল "https://jassifteam.com"।
অধ্যায় 4: HTML লিঙ্ক
এইচটিএমএল লিঙ্কগুলিকে হাইপারলিঙ্ক বলা হয়। তারা ব্যবহারকারীদের এক পৃষ্ঠা থেকে অন্য পৃষ্ঠায় নেভিগেট করার অনুমতি দেয়।
লিঙ্ক সিনট্যাক্স: <a href="url">link text</a>
বুকমার্কগুলি আপনাকে দীর্ঘ পৃষ্ঠাগুলির মধ্যে নির্দিষ্ট বিভাগে নেভিগেট করতে সহায়তা করে।
প্রথম অধ্যায়ে ফিরে যানবাস্তব বিশ্বের অ্যাপ্লিকেশন:
বুকমার্ক সাধারণত ব্যবহৃত হয়:
- নথিতে বিষয়বস্তুর টেবিলের জন্য
- দীর্ঘ নিবন্ধে বিভাগ নেভিগেশন জন্য
- FAQ পৃষ্ঠাগুলিতে প্রশ্নগুলির জন্য
- পণ্য ডকুমেন্টেশন বিভাগের জন্য
- একই পৃষ্ঠায় একাধিক মডিউল সহ সাইটগুলিতে
অধ্যায়ের সারাংশ
মূল পয়েন্ট:
- বুকমার্ক আইডি অবশ্যই একটি পৃষ্ঠার মধ্যে অনন্য হতে হবে
- # চিহ্নটি নির্দেশ করে যে লিঙ্কটি একই পৃষ্ঠার মধ্যে রয়েছে
- বুকমার্ক যেকোনো HTML উপাদানে যোগ করা যেতে পারে
- বুকমার্কগুলি স্থানীয় এবং বহিরাগত পৃষ্ঠাগুলির জন্য ব্যবহার করা যেতে পারে
অনুশীলন করুন
বুকমার্ক তৈরি করতে কোন HTML অ্যাট্রিবিউট ব্যবহার করা হয়?
চেক আউট:
এই HTML কোড একটি বুকমার্ক তৈরি করে:
<h2 id="chapter5">অধ্যায় 5</h2>
এই বুকমার্ক লিঙ্ক করতে:
<a href="#chapter5">অধ্যায় 5 এ যান</a>
HTML লিঙ্ক ট্যাগ
| ট্যাগ | ব্যাখ্যা |
|---|---|
| <a> | একটি হাইপারলিংক সংজ্ঞায়িত করে |
দ্রষ্টব্য:
সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।