এক নজরে এইচটিএমএল লিংক ট্যাগ
| ট্যাগ | বিবরণ |
|---|---|
| < a > | হাইপারলিংক(hyperlink) তৈরি করার জন্য <a> ট্যাগ ব্যবহার হয়। |
প্রায় সকল ওয়েব পেজেই লিংক থাকে। লিংক ব্যবহারকারীকে এক পেজ থেকে অন্য পেজে যাওয়ার সুযোগ তৈরি করে দেয়।
এইচটিএমএল Hyperlink তৈরি
এইচটিএমএলে লিংক হলো হাইপারলিংক (Hyperlink)।
লিংকের মধ্যে ক্লিক করে আপনি খুব সহজেই অন্য ডকুমেন্টে চলে যেতে পারেন। লিংক একটি ডকুমেন্টের সাথে অন্য আরেকটি ডকুমেন্টের সম্পর্ক তৈরি করে।
সিন্টেক্স
kt_satt_skill_example_id=1450
href এট্রিবিউটে URL এর মাধ্যমে লিংকের অ্যাড্রেস নির্ধারণ করা হয়। যেমনঃ https://www.sattacademy.com
kt_satt_skill_example_id=1451
উপরের উদাহরণে আমরা দেখতে পাচ্ছি যে, শুধুমাত্র <a> এবং </a> এর মাঝের টেক্সটগুলো(স্যাট একাডেমী) ব্রাউজারের মধ্যে লিংক হিসেবে প্রদর্শিত হয়েছে।
লিংক হিসেবে যেই লেখাটি প্রদর্শিত হবে সেটির উপর ক্লিক করলে আপনাকে লিংকের নির্দিষ্ট অ্যাড্রেস/গন্তব্যে নিয়ে যাবে।
লোকাল লিংক
উপরের উদাহরণে আমরা যে URL টি ব্যবহার করেছি সেটি একটি সম্পূর্ণ URL । অর্থাৎ এটি ছিল একটি ওয়েব সাইটের সম্পূর্ণ অ্যাড্রেস।
লোকাল লিংক বলতে একই ওয়েবসাইটে অবস্থিত যেকোন লিংককে বুঝায়। লোকাল লিংক তৈরি করার ক্ষেত্রে http://www..... ব্যবহার করতে হয় না। শুধুমাত্র লিংক ফাইলের নাম এবং ডিরেক্টরি নির্ধারণ করে দিলেই হয়।
kt_satt_skill_example_id=1452
এইচটিএমএল লিংক - ইমেজ লিংক
kt_satt_skill_example_id=1453
এইচটিএমএল লিংক - বুকমার্ক(Bookmark) তৈরি
একটি ওয়েব পেজের নির্দিষ্ট অংশে যাওয়ার জন্য এইচটিএমএল বুকমার্ক(Bookmark) ব্যবহার করা হয়।
আপনাকে প্রথমে বুকমার্কটি তৈরি করতে হবে, তারপর তাতে লিংক যোগ করতে হবে।
যখন লিংকে ক্লিক করা হবে, তখন পেজটি স্ক্রল হয়ে বুকমার্কে চলে যাবে।
উদাহরণ
kt_satt_skill_example_id=1454
kt_satt_skill_example_id=1455
kt_satt_skill_example_id=1456
অধ্যায় সারাংশ
- লিংক তৈরি করার জন্য
< a >ট্যাগ ব্যবহার করুন - লিংকের অ্যাড্রেসকে নির্দিষ্ট করার জন্য
hrefএট্রিবিউট ব্যবহার করুন - লিংককৃত ডকুমেন্টটি কোথায় ওপেন হবে তা নির্দিষ্ট করার জন্য
targetএট্রিবিউট ব্যবহার করুন - ইমেজকে লিংক হিসেবে ব্যবহার করার জন্য
< img >এলিমেন্ট (< a >ট্যাগের ভিতর) ব্যবহার করুন - পেজে বুকমার্ক তৈরি করার জন্য
idএট্রিবিউট ব্যবহার করুন (id="value") - বুকমার্কে লিংক দেওয়ার জন্য
hrefএট্রিবিউট (href="#value") ব্যবহার করুন
Read more
