html link বা a tag এর ব্যবহার
Link অর্থ যুক্ত করা। আর একটি ওয়েব পেজের সাথে আরও একটি পেজকে যুক্ত করাই হচ্ছে link এর মূল কাজ। যেকোন ওয়েব পেজে link করার জন্য a tag, যাকে anchor ট্যাগ ও বলা হয়ে থাকে, ব্যবহার করা হয়ে থাকে। নিচে <a> ট্যাগের ব্যবহার বিস্তারিত আলোচনা করা হল।
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>
আমরা উপরে আরও একটি কোড ব্লক দেখতে পাচ্ছি সেখানে একটি পুর্ণ ওয়েব পেজের কোড তুলে ধরা হয়েছে ছোট্ট আকারে । আমরা একটু আগে জেনেছিলাম যে html link করার জন্য যে a tag ব্যবহার করা হয় তার ভতরে href attribute ও থাকে এবং html5 এ যদি href attribute না থাকে তাহলে a ট্যাগ কাজ ই করেনা । আমরা আরও একটি এট্রিবিউট target ব্যবহার করেছি যার ভেলু দেয়া আছে _blank । এটি থাকাতে কেউ যদি সেই লিংক টিটে ক্লিক করে, তবে সেটি নতুন ট্যাব এ ওপেন হবে ।
নোট:
- anchor tag বা a tag একটি inline element
- a tag এর ভিতরের লিখাগুলো বাই ডিফল্ট আন্ডার লাইন হয়ে আসে এবং নিল রং এর হয় । এর উপর মাউস নিয়ে গেলে হাতের আকার ধারন করে এবং ক্লিক করলে নতুন পেজ এ নিয়ে যায় ।
ভাইয়া,ইমেজ কিভাবে লিংক করে ? মানে একটা ইমেজের উপর ক্লিক করলে অন্য একটা ওয়েব পেজ ওপেন হবে । কিংবা আপনাদের সাইটেও অনেক ইমেজেই ক্লিক করা যায় ।
প্রথমে a ট্যাগের মধ্যে যে ওয়েবপেজ লিংক করবেন সেটির এড্রেস দিন, এবার img ট্যাগ লিংক ট্যাগের মধ্যে প্রবেশ করে ইমেজে নাম দিয়ে ব্রাউজারে রান করুন।
<a href=”http://kivabe.com”>
<img src=”imagename.jpg” alt=” New Image “>
</a>