লিংক বুকমার্ক

এইচটিএমএল লিঙ্কগুলিকে বুকমার্ক তৈরি করতে ব্যবহার করা যেতে পারে যাতে পাঠক রা একটি ওয়েব পেজের বিভিন্ন অংশে যেতে পারে ।

একটি ওয়েব পেজের বিভিন্ন সেকসন কে লিংক করা যায় লিংক বুকমার্ক ব্যবহার করে

এইচটিএমএলে একটি বুকমার্ক তৈরি করুন

কোনও ওয়েব পৃষ্ঠা দীর্ঘ হলে বুকমার্কগুলি কার্যকর হতে পারে।

বুকমার্ক তৈরি করতে এইচটিএমএল  এলিমেন্ট এর id এট্রিবিউট এর ভেলু লিংক করা হয় ।

লিঙ্কটি ক্লিক করা হলে পৃষ্ঠাটি বুকমার্কের সাহায্যে নীচে বা উপরে স্ক্রোল করবে।

উদাহরণ

প্রথমে, বুকমার্ক তৈরি করতে id এট্রিবিউট ব্যবহার করুন:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<h2 id="C3">Chapter 3</h2>
<h2 id="C3">Chapter 3</h2>
<h2 id="C3">Chapter 3</h2>

তারপরে, একই পেজ থেকে বুকমার্কে (“Jump to Chapter 3”) একটি লিঙ্ক যুক্ত করুন:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<a href="#C3">Jump to Chapter 3</a>
<a href="#C3">Jump to Chapter 3</a>
<a href="#C3">Jump to Chapter 3</a>

নিজে চেষ্টা করুন

একই রকম ভবে আপনি Go to Top বাটন তৈরি করতে পারবেন ওয়েব পেজে ।

Go to Top বাটন তৈরি

সেজন্য পেজের শুরতেই কোন একটি HTML Elements এর আইডি  ভেলু দিন top

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<h1 id='top'>Link Bookmark Example</h1>
<h1 id='top'>Link Bookmark Example</h1>
<h1 id='top'>Link Bookmark Example</h1>

এবার নিচের কোথাও Go to Top কে লিংকিং করুন

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<a href="#top">Go to Top</a>
<a href="#top">Go to Top</a>
<a href="#top">Go to Top</a>

ID ভেলু গুলোকে লিংক এ # দিয়ে বসানো হয় যেমন href=”#top”

আপনি অন্য পেজকেও একটি বুকমার্কে একটি লিঙ্ক যুক্ত করতে পারেন:

এক পেজ থেকে আর এক পেজের একটি নির্দিষ্ট সেকশন এ যেতে নিচের উদাহরণ টি দেখুন

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<a href="https://kivabe.com/codes/html/links-color/#btn-css">লিংক এর বাটন তৈর করুন </a>
<a href="https://kivabe.com/codes/html/links-color/#btn-css">লিংক এর বাটন তৈর করুন </a>
<a href="https://kivabe.com/codes/html/links-color/#btn-css">লিংক এর বাটন তৈর করুন </a>

লিংক এর বাটন তৈরি করুন

নিজে চেষ্টা করুন

কমেন্ট করুন

Your email address will not be published. Required fields are marked *