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 এর ভিতরের লিখাগুলো বাই ডিফল্ট আন্ডার লাইন হয়ে আসে এবং নিল রং এর হয় । এর উপর মাউস নিয়ে গেলে হাতের আকার ধারন করে এবং ক্লিক করলে নতুন পেজ এ নিয়ে যায় ।

Related Post

HTML form ট্যাগ ও এর ব্যবহার... সাধারণত ওয়েবসাইট ভিজিট করার সময় বিভিন্ন ধরনের ফর্ম দেখা যায়। এই ফর্মগুলো HTML
ট্যাগ ব্যবহার করে তৈরি করা হয়ে থাকে। সাধারন একটি ফর্ম তৈরি ...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
HTML p ট্যাগ ও p ট্যাগের ব্যবহার... সাধারণত HTML p ট্যাগ কোন সাইটে লেখা প্রকাশ করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে। p tag আসলে paragraph represent করে ।  যেমন অনেক সাইটে কন্টেন কিংবা আর্ট...
HTML button ট্যাগ ও html button ট্যাগের ব্যবহার... সাধারণত HTML button ট্যাগ একটি ক্লিকযোগ্য বাটনকে নির্ধারণ করে থাকে কিংবা যে বাটনে ক্লিক করা হয়ে থাকে তাক বাটন বলে। আবার বাটন ট্যাগ ব্যবহার করে radio ব...
HTML canvas ট্যাগ ও canvas ট্যাগের ব্যবহার... সাধারণত জাভাস্ক্রিপ্ট এর মাধ্যমে fly এ গ্রাফিক্স আঁকতে canvas ট্যাগ ব্যবহার করা হয়ে থাকে। হতে পারে কালার, ডিজাইন বা অন্য কিছু। তবে আপনি ওয়েবসাইটে can...
HTML এ বাংলা লিখবো কিভাবে... HTML এ বাংলা লিখলেই বাংলা আসেনা অনেক ওয়েব ব্রাউজারে কারন আমরা ওয়েব পেজে যে বাংলা লিখি সেটি ইউনিকোড ভিত্তিক । বাংলা লিখবার জন্য আসলে html এ character s...

You may also like...

2 Responses

  1. মিজানুর 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 !!