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

aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...
এইচ টি এম এল কি একটি ওয়েব পেজের মূল গঠন তৈরি করতে HTML ব্যবহার করা হয়ে থাকে। এইচ টি এম এল হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ, HTML প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। HTML এর ফুল ফ...
এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list... HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ ...
ওয়েবসাইটে Youtube ভিডিও অ্যাড করবো কিভাবে... ইতি পূর্বে আমরা আলোচনা করেছি কিভাবে ওয়েবসাইটে গুগল ম্যাপ প্রর্দশন করা যায়। তারই ধারাবাহিকতায় আজকে আমরা আলোচনা করবো কিভাবে Youtube এর ভিডিও ওয়েবসাইটে প...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
HTML iframe ট্যাগ ও iframe ট্যাগের ব্যবহার... সাধারণত iframe ট্যাগ ব্যবহার করে একটি ওয়েবসাইটের মধ্যে অন্য একটি ওয়েবসাইট কিংবা ওয়েবপেজ ভিউ করানো হয়ে থাকে। ধরুন, আপনি কোন একটি ওয়েবসাইট অন্য কোন ওয়েব...

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 !!