এইচটিএমএল <a> ট্যাগ

admin Sep 27, 2020 1613 0

এইচটিএমএল <a> ট্যাগ

সংজ্ঞা ও ব্যবহার

<a> ট্যাগ দ্বারা হাইপারলিংক(hyperlink) বুঝায়, যেটি এক পেজ থেকে অন্য পেজে লিংক করতে ব্যবহার করা হয়।

<a> এলিমেন্টের সবচেয়ে গুরুত্বপূর্ন এট্রিবিউট হচ্ছে href এট্রিবিউট। যেটি লিংকের গন্তব্য নির্দেশ করে।

ডিফল্টভাবে সকল ব্রাউজারে লিংক যেমন দেখায়ঃ

একটি ভিজিট না হওয়া লিংক নীল রং এর হয় এবং নিচে আন্ডারলাইন থাকে।
একটি ভিজিট হওয়া লিংক বেগুনী রং এর হয় এবং নিচে আন্ডারলাইন থাকে।
একটি একটিভ লিংক লাল রং এর হয় এবং নিচে আন্ডারলাইন থাকে।

নিচের উদাহরণে <a> ট্যাগের ব্যবহার দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>
<a href="www.onlylearn24.com">Onlylearn24 Academy</a>
</body>
</html>

পরামর্শঃ উপরের উদাহরনে onlylearn24 Academy কে লিংক হিসাবে দেখানো হয়েছে।

ফলাফল

Onlylearn24 Academy

টীকা ও মন্তব্যঃ

যদি href এট্রিবিউট না থাকে তবে download, hreflang, media, rel, target, এবং type এট্রিবিউটগুলো ব্যবহার করা যাবে না।
লিংক পেজের টার্গেট নির্ধারন করে না দিলে এটি আপনি যেই উইন্ডোতে কাজ করছেন সেই উইন্ডোতেই রি-লোড হয়ে লিংক পেজটি দেখাবে।

এট্রিবিউট

নিচের টেবিলে <a> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট	ভ্যালু	বর্ণনা
charset	char_encoding	এইচটিএমএল(৫) এ সাপোর্ট করেনা। লিংক ডকুমেন্টের ক্যারেক্টার-সেট নির্দেশ করে।
coords	coordinates	এইচটিএমএল(৫) এ সাপোর্ট করেনা। একটি লিংকের সমন্বয় করাকে নির্দেশ করে।
download	filename	ব্যবহারকারী যখন হাইপারলিংকে ক্লিক করবে তখন টার্গেটটি ডাউনলোড হবে।
href	URL	লিংকটি যে পেজে যাবে তার ইউআরএল (URL) কে নির্দেশ করে।
hreflang	language_code	লিংক ডকুমেন্টের জন্য ভাষা নির্দেশ করে।
media	media_query	লিংক ডকুমেন্টকে অপটিমাইজ করার জন্য মিডিয়া/ডিভাইস নির্দেশ করে।
name	section_name	এইচটিএমএল(৫) এ সাপোর্ট করেনা। এর পরিবর্তে গ্লোবাল `id` এট্রিবিউট ব্যবহার করুন। একটি এংকরের নাম নির্দেশ করে।
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	বর্তমান ডকুমেন্টের এবং লিংক ডকুমেন্টের মধ্যে সম্পর্ক নির্দিষ্ট করে।
rev	text	এইচটিএমএল(৫) এ সাপোর্ট করেনা। লিংক ডকুমেন্টে এবং বর্তমান ডকুমেন্টের মধ্যে সম্পর্ক নির্দেশ করে।
shape	_blank _parent _self _top framename	এইচটিএমএল(৫) এ সাপোর্ট করেনা। লিংকের আকৃতি নির্দেশ করে।
target	_blank _parent _self _top framename	লিংক ডকুমেন্টটি কোথায় ওপেন হবে তা নির্দেশ করে।
type	media_type	লিংক ডকুমেন্টের মিডিয়ার ধরনকে বুঝায়।