প্রায় সব ওয়েব পেজেই লিঙ্ক পাওয়া যায়। লিঙ্ক ব্যবহারকারীদের এক পেজ থেকে আরেক পেজে ক্লিক করে যেতে সাহায্য করে।
HTML লিঙ্ক হলো হাইপারলিঙ্ক।
একটি লিঙ্কে ক্লিক করে আপনি অন্য একটি ডকুমেন্টে চলে যেতে পারেন।
আপনি যখন মাউস একটি লিঙ্কের উপর নিয়ে যান, তখন মাউস অ্যারো একটি ছোট হাতের আকার নেবে।
মনে রাখবেন: একটি লিঙ্ক শুধু টেক্সট হতে হবে এমন নয়। এটি একটি ইমেজ বা অন্য যেকোনো HTML এলিমেন্ট হতে পারে।
হাইপারলিঙ্ক HTML <a> ট্যাগ দিয়ে নির্ধারণ করা হয়:
<a href="https://www.learncomputer.in">Visit our HTML tutorial</a>href অ্যাট্রিবিউট লিঙ্কের গন্তব্য ঠিকানা (https://www.learncomputer.in/) নির্ধারণ করে।
লিঙ্ক টেক্সট হলো দৃশ্যমান অংশ (Visit our HTML tutorial)।
লিঙ্ক টেক্সটে ক্লিক করলে আপনাকে নির্দিষ্ট ঠিকানায় নিয়ে যাবে।
মনে রাখবেন: সাবফোল্ডার ঠিকানার শেষে ফরোয়ার্ড স্ল্যাশ না দিলে, সার্ভারে দুটি রিকোয়েস্ট তৈরি হতে পারে। অনেক সার্ভার স্বয়ংক্রিয়ভাবে ঠিকানার শেষে একটি ফরোয়ার্ড স্ল্যাশ যোগ করে, এবং তারপর একটি নতুন রিকোয়েস্ট তৈরি করে।
উপরের উদাহরণে একটি অ্যাবসোলিউট URL (সম্পূর্ণ ওয়েব ঠিকানা) ব্যবহার করা হয়েছে।
একটি লোকাল লিঙ্ক (একই ওয়েবসাইটের লিঙ্ক) একটি রিলেটিভ URL দিয়ে (https://www.... ছাড়া) নির্ধারণ করা হয়।
<a href="images.html">HTML Images</a>ডিফল্টভাবে, একটি লিঙ্ক এভাবে দেখাবে (সব ব্রাউজারে):
target অ্যাট্রিবিউট নির্ধারণ করে যে লিঙ্ক করা ডকুমেন্টটি কোথায় খুলবে।
target অ্যাট্রিবিউটের নিচের যেকোনো একটি মান থাকতে পারে:
_blank - লিঙ্ক করা ডকুমেন্টটি একটি নতুন উইন্ডো বা ট্যাবে খোলে_self - লিঙ্ক করা ডকুমেন্টটি যে উইন্ডো/ট্যাবে ক্লিক করা হয়েছিল সেখানেই খোলে (এটি ডিফল্ট)_parent - লিঙ্ক করা ডকুমেন্টটি প্যারেন্ট ফ্রেমে খোলে_top - লিঙ্ক করা ডকুমেন্টটি উইন্ডোর পুরো বডিতে খোলেএই উদাহরণটি লিঙ্ক করা ডকুমেন্টটি একটি নতুন ব্রাউজার উইন্ডো/ট্যাবে খুলবে:
<a href="https://www.learncomputer.in/" target="_blank">Visit Learn Computer Academy!</a>টিপস: আপনার ওয়েবপেজ যদি একটি ফ্রেমে আটকে থাকে, তাহলে ফ্রেম থেকে বের হতে target="_top" ব্যবহার করতে পারেন:
<a href="https://www.learncomputer.in/" target="_top">HTML5 tutorial!</a>ইমেজকে লিঙ্ক হিসেবে ব্যবহার করা সাধারণ ব্যাপার:
<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;">
</a>title অ্যাট্রিবিউট একটি এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য নির্ধারণ করে। মাউস এলিমেন্টের উপর নিয়ে গেলে এই তথ্য প্রায়ই একটি টুলটিপ টেক্সট হিসেবে দেখানো হয়।
<a href="https://www.learncomputer.in/" title="Go to Learn Computer HTML section">Visit our HTML Tutorial</a>