বিশ্বের সবচেয়ে বড় বাংলা ওয়েব ডেভেলোপার সাইট
লিংক প্রায় সব ওয়েব পেজে পাওয়া যায়। লিঙ্কগুলি ব্যবহারকারীদের তাদের পৃষ্ঠা থেকে পৃষ্ঠায় ক্লিক করার অনুমতি দেয়।
HTML লিঙ্কগুলি হাইপারলিঙ্ক।
আপনি একটি লিঙ্কে ক্লিক করতে পারেন এবং অন্য ডকুমেন্টে যেতে পারেন।
আপনি যখন একটি লিঙ্কের উপর মাউস নিবেন, তখন দেখবেন মাউসের তীরটি ছোট হাতে পরিণত হবে।
HTML <a> ট্যাগ একটি হাইপারলিঙ্ককে সংজ্ঞায়িত করে। এটিতে নিম্নলিখিত সিনট্যাক্স রয়েছে:
<a> উপাদানের সবচেয়ে গুরুত্বপূর্ণ attribute হল <href> attribute, যা লিঙ্কের গন্তব্য নির্দেশ করে।
লিঙ্ক টেক্সট হল সেই অংশ যা পাঠকের কাছে দৃশ্যমান হবে।
লিঙ্ক টেক্সট ক্লিক করে, নির্দিষ্ট URL ঠিকানায় পাঠক পাঠাবে।
এই উদাহরণটি দেখায় কিভাবে Nbp3bangla.com-এ একটি লিঙ্ক তৈরি করতে হয়:
ডিফল্টরূপে, সমস্ত ব্রাউজারে লিঙ্কগুলি নিম্নরূপ প্রদর্শিত হবে:
ডিফল্টরূপে, লিঙ্ক করা পৃষ্ঠাটি বর্তমান ব্রাউজার উইন্ডোতে প্রদর্শিত হবে। এটি পরিবর্তন করতে, আপনাকে অবশ্যই লিঙ্কটির জন্য অন্য লক্ষ্য নির্দিষ্ট করতে হবে।
target অ্যাট্রিবিউট উল্লেখ করে যে লিঙ্ক করা ডকু্মেন্টি কোথায় খুলতে হবে।
target অ্যাট্রিবিউট নিম্নলিখিত মানগুলির মধ্যে একটি থাকতে পারে:
_self- ডিফল্ট. ডকুমেন্টটি একই উইন্ডো/ট্যাবে খোলে যেভাবে এটি ক্লিক করা হয়েছিল_blank- একটি নতুন উইন্ডো বা ট্যাবে ডকুমেন্টি খোলে৷_parent- প্যারেন্ট ফ্রেমে ডকুমেন্ট খোলে_top- উইন্ডোর পুরো অংশে ডকুমেন্টটি খোলেএকটি নতুন ব্রাউজার উইন্ডো বা ট্যাবে লিঙ্ক করা ডকু্মেন্টি খুলতে target="_blank" ব্যবহার করুন:
উপরের দুটি উদাহরণই href অ্যাট্রিবিউটে একটি সম্পূর্ণ URL (একটি সম্পূর্ণ ওয়েব ঠিকানা) ব্যবহার করছে৷
একটি স্থানীয় লিঙ্ক (একই ওয়েবসাইটের মধ্যে একটি পৃষ্ঠার লিঙ্ক) একটি আপেক্ষিক URL দিয়ে নির্দিষ্ট করা হয় ("https://www" অংশ ছাড়া):
একটি লিঙ্ক হিসাবে একটি ছবি ব্যবহার করতে, শুধু <a> ট্যাগের ভিতরে <img> ট্যাগ রাখুন:
ব্যবহারকারীর ইমেল প্রোগ্রাম খোলার জন্য একটি লিঙ্ক তৈরি করতে mailto: href অ্যাট্রিবিউটের ভিতরে ব্যবহার করুন (তাদের একটি নতুন ইমেল পাঠাতে দিতে):
একটি লিঙ্ক হিসাবে একটি HTML বোতাম ব্যবহার করতে, আপনাকে কিছু জাভাস্ক্রিপ্ট কোড যোগ করতে হবে।
জাভাস্ক্রিপ্ট আপনাকে নির্দিষ্ট ইভেন্টে কী ঘটবে তা নির্দিষ্ট করতে দেয়, যেমন একটি বোতামে ক্লিক:
title বৈশিষ্ট্য(attribute) একটি উপাদান সম্পর্কে অতিরিক্ত তথ্য নির্দিষ্ট করে। তথ্যটি প্রায়শই টুলটিপ টেক্সট হিসাবে দেখানো হয় যখন মাউস উপাদানটির উপর চলে যায়।
একটি ওয়েব পৃষ্ঠা লিঙ্ক করতে একটি সম্পূর্ণ URL ব্যবহার করুন:
বর্তমান ওয়েব সাইটের html ফোল্ডারে অবস্থিত একটি পৃষ্ঠার লিঙ্ক:
বর্তমান পৃষ্ঠার মতো একই ফোল্ডারে অবস্থিত একটি পৃষ্ঠার লিঙ্ক:
<a> উপাদান ব্যবহার করুনhref অ্যাট্রিবিউট ব্যবহার করুনtarget অ্যাট্রিবিউট ব্যবহার করুন<img> উপাদান (<a> ভিতরে) ব্যবহার করুনhref অ্যাট্রিবিউটের ভিতরে mailto: স্কিমটি ব্যবহার করুন| ট্যাগ | বর্ণনা |
|---|---|
| <a> | একটি হাইপারলিংক সংজ্ঞায়িত করে |