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="https://kivabe.com">kivabe.com</a>

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

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

Try it now

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

নোট:

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

You may also like...

2 Responses

  1. Avatar মিজানুর says:

    ভাইয়া,ইমেজ কিভাবে লিংক করে ? মানে একটা ইমেজের উপর ক্লিক করলে অন্য একটা ওয়েব পেজ ওপেন হবে । কিংবা আপনাদের সাইটেও অনেক ইমেজেই ক্লিক করা যায় ।

    • প্রথমে a ট্যাগের মধ্যে যে ওয়েবপেজ লিংক করবেন সেটির এড্রেস দিন, এবার img ট্যাগ লিংক ট্যাগের মধ্যে প্রবেশ করে ইমেজে নাম দিয়ে ব্রাউজারে রান করুন।
      <a href=”http://kivabe.com”>
      <img src=”imagename.jpg” alt=” New Image “>
      </a>

Leave a Reply

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

error: Content is protected !!