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 abbr ট্যাগ ও abbr ট্যাগের ব্যবহার... HTML ট্যাগটি কোন সংক্ষিপ্ত ওয়ার্ডের ক্ষেত্রে ব্যবহার করা হয়ে থাকে। ধরুন আপনি BCC কোথাও ব্যবহার করবেন যার পুর্ণ রুপ হচ্ছে Bangladesh Compu...
HTML article ট্যাগের ব্যবহার – article ট্যাগ... article ট্যাগ হচ্ছে বহুল ব্যবহৃিত ট্যাগ কোন সংজ্ঞা বা প্রবন্ধ লেখার ক্ষেত্রে ।  article এর বাংলা হচ্ছে প্রবন্ধ এবং এটি আসলেই সে কাজেই ব্যবহার হয় HTML ...
HTML address ট্যাগ এর ব্যবহার... কোন তথ্য বা নথির যোগাযোগের ক্ষেত্রে address ট্যাগ ব্যবহার করা হয়। আবার ওয়েব পেজে কোন ঠিকান লেখবার জন্যও address ট্যাগ ব্যবহার করা হয়ে থাকে। ধরুন, আপনি...
এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list... HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ ...

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 *

*