html link বা a tag এর ব্যবহার

Link অর্থ যুক্ত করা। আর একটি ওয়েব পেজের সাথে আরও একটি পেজকে যুক্ত করাই হচ্ছে link এর মূল কাজ।  যেকোন ওয়েব পেজে link করার জন্য a tag, যাকে anchor ট্যাগ ও বলা হয়ে থাকে, ব্যবহার করা হয়ে থাকে।  নিচে <a> ট্যাগের ব্যবহার বিস্তারিত আলোচনা করা হল।

html link - a tag

html link – a tag

নিচে html Link a tag এর ব্যবহার দেখানো হলঃ

নিচের কোড ব্লকটি দেখুন ।

<a href="http://kivabe.com">kivabe.com</a>

উপরের কোডে আমরা kivabe.com word টি লিংক করেছি । আর লিংক করবার জন্য  a ট্যাগ ব্যবহার করা হয়েছে এবং এর ভিতরে href attribute  এর ভিতরে লিখে দেয়া হয়েছে যে kivabe.com ওয়ার্ড টি তে ক্লিক করলে কোন ওয়েব পেজ এ যাবে । আমরা href এর ভেলু হিসেবে দিয়েছি http://kivabe.com .

<!doctype html>
<html>
<head>
    <title>a tag</title>
</head>
<body>
    <a href="http://kivabe.com" target="_blank">Kivabe.com</a>
</body>
</html>

আমরা উপরে আরও একটি কোড ব্লক দেখতে পাচ্ছি সেখানে একটি পুর্ণ ওয়েব পেজের  কোড তুলে ধরা হয়েছে ছোট্ট আকারে । আমরা একটু আগে জেনেছিলাম যে html link করার জন্য যে a tag ব্যবহার করা হয় তার ভতরে href attribute ও থাকে এবং html5 এ যদি href attribute না থাকে তাহলে a ট্যাগ কাজ ই করেনা ।  আমরা আরও একটি এট্রিবিউট target ব্যবহার করেছি যার ভেলু দেয়া আছে _blank । এটি থাকথে কেউ যদি সেই লিংক টিটে ক্লিক করে তবে সেটি নতুন পেজ এ ওপেন হবে ।

নোট:

  • anchor tag বা a tag একটি inline element
  • a tag এর ভিতরের লিখাগুলো বাই ডিফল্ট আন্ডার লাইন হয়ে আসে এবং নিল রং এর হয় । এর উপর মাউস নিয়ে গেলে হাতের আকার ধারন করে এবং ক্লিক করলে নতুন পেজ এ নিয়ে যায় ।

Related Post

HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
কিভাবে এম এস এক্সেল ২০১৩ তে হাইপারলিঙ্ক ব্যবহার কর... কিভাবে.কম এ আপনাকে জানাই স্বাগতম। আজ আমরা আলোচনা করবো এম এস এক্সেল এর এডভান্স লেভেলের কিছু কাজ সম্পর্কে, হাইপারলিঙ্ক তার মধ্যে অন্যতম একটি। এক্সেল ওয়া...
html এ DOCTYPE html কেন ব্যবহার হয়... শুরুতেই বলে রাখা ভালো  কে সম্পূর্ন ট্যাগ বলা হয় না।  ব্যাবহার করা হয়ে থাকে  html এর কোন ভার্সন সেইটাকে বোঝাতে।  এইচট...
ওয়ার্ডপ্রেস ট্যাগ কি ও কিভাবে ওয়ার্ডপ্রেস ট্যাগ ব্... ওয়ার্ডপ্রেস ট্যাগ (Tag) কি ক্যাটেগরির মতো ওয়ার্ডপ্রেস ট্যাগ ও এক ধরনের টেক্সনমি ( taxonomy ) এবং এটিও ব্যবহার করা হয় ওয়ার্ডপ্রেস ক্যাটাগরি -র মতো পোস...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

*