হাইপারলিংক



সমস্ত ওয়েব সাইটেই লিংক ব্যবহার করা হয়। লিংকের মাধ্যমে ইউজার একটি পেজ থেকে অন্য একটি পেজে যেতে পারে। একটি ওয়েব সাইট থেকে অন্য একটি ওয়েব সাইট এ যাওয়ার জন্যও লিংক ট্যাগ ব্যবহার করা হয়।


এইচটিএমএল হাইপারলিংক

এইচটিএমএল হাইপারলিংক বা লিংক হল একটি শব্দ ( word ) বা কতগুলো শব্দসমষ্টি ( group of word ) বা কোন ছবি ( image ) যাতে ইউজার ক্লিক করার মাধ্যমে অন্য কোন ওয়েব পেজে বা ডকুমেন্টে যেতে পারে।
যখন আপনি কোন ওয়েব পেজের লিংকের ওপর মাউস পয়েন্টার বা কার্সর স্থাপন করেন তখন কার্সরটি একটি হাতে রূপান্তরিত হয় বা অন্য কোন অ্যানিমেশন দেখা যায়।
এইচটিএমএল হাইপারলিংক তৈরি করা হয় অ্যাংকর ট্যাগ ( anchor tag ) ট্যাগ অর্থাৎ <a>...</a> ট্যাগ ব্যবহার করে।


এইচটিএমএল হাইপারলিংক ব্যবহার পদ্ধতি

২ ভাবে এইচটিএমএল এ হাইপারলিংক তৈরি করা যায় -

  • অ্যাংকর ট্যাগের সাথে href এট্রিবিউট ব্যবহার করে,
  • ডকুমেন্টের ভেতর বুকমার্ক তৈরি করে।

href এট্রিবিউট ব্যবহার

এইচটিএমএল এ হাইপারলিংক তৈরি করা খুব সহজ । অ্যাংকর ট্যাগের সাথে href এট্রিবিউট ব্যবহার করে হাইপারটেক্সট লিংক তৈরি করার নিয়মটি হল -

<a href="url">লিংক টেক্সট</a>

নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<a href="http://www.websschool.com/">websschool home</a>


নোট - লিংক টেক্সট যে শুধুমাত্র টেক্সটই হতে হবে তা নয়, আপনি চাইলে এখানে ইমেজ বা অন্য কোন এইচটিএমএল এলিমেনট ব্যবহার করতে পারেন।


target এট্রিবিউট ব্যবহার

টার্গেট এট্রিবিউট নির্দিষ্ট করে দেয় এইচটিএমএল ডকুমেন্টটি কোথায় ওপেন হবে। টার্গেট এট্রিবিউট লেখার নিয়ম টি হল -

target="valu"

এখানে মান বা value হতে পারে blnk অথবা new. নীচের উদাহরনে লিংকড ডকুমেন্টটি ব্রাউজারে একটি নতুন ট্যাব বা উইন্ডো তৈরি করবে

উদাহরণ দেখুন

<a href="http://www.websschool.com/" target="_blank">Visit websschool!</a>


নোট - target এট্রিবিউটের ডিফল্ট মান হিসেবে blank সেট করা থাকে ।


name এট্রিবিউট

একটি অ্যাংকর ট্যাগের নাম নির্দিষ্ট করতে name এট্রিবিউট ব্যবহার করা হয়। এইচটিএমএল ডকুমেন্টের ভেতর বুকমার্ক তৈরি করতে name এট্রিবিউট ব্যাবহৃত হয়।

এইচটিএমএল ডকুমেন্টের ভেতর name এট্রিবিউট লেখার নিয়ম হল -

        name="anchor-name"

উদাহরণ দেখুন

<a name="list">Useful List</a>


অন্য ওয়েব সাইটের কোন পেজ থেকে লিঙ্ক তৈরি করার জন্য নিচের কোডগুলো ব্যবহার করুন -

উদাহরণ দেখুন

<a href="http://www.websschool.com/html_home.html#list">
Visit websschool.com
</a>


নোট - একটি নতুন window তে open বা চালু করার জন্য blink এট্রিবিউট ব্যবহার করা যায়।


এইচটিএমএল লিংক ট্যাগ

ট্যাগ বর্ণনা
<a> একটি হাইপারলিংক তৈরি করে।







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.