HTML এর কিছু সাধারণ ট্যাগ সম্পর্কে আমাদের জানা উচিৎ

আমরা জানি যে HTML হচ্ছে hyper text mar up language । এইচটিএমএল কিন্তু একটি মার্কআপ ল্যাংগুয়েজ এটি কিন্তু কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ। এইচটিএমএল মূলত কিছু ট্যাগ এর মাধ্যমে লেখা হয় । এবং সেই সেগুলো লিখতে আমাদের কিছু নিয়ম ফলো করতে হয় এবং প্রত্যেকের ট্যাগ এর আলাদা আলাদা ব্যবহার আছে। আজকে আমরা এইচটিএমএল এর কিছু ট্যাগ নিয়ে আলোচনা করব।

HTML এর কিছু সাধারণ ট্যাগ সম্পর্কে আমাদের জানা উচিৎ

<Title> this is title </title> – প্রতিটি ব্রাউজারের একেকটি টাইটেল নাম থাকে। উক্ত টাইটেল নামগুলো প্রত্যেক ব্রাউজার এর মধ্যে দেয়া থাকে। উক্ত ব্রাউজারের টাইটেল নেম দেয়ার জন্য টাইটেলটা কি ব্যবহার করা হয়। এ থেকে বোঝা যায় উক্ত ট্যাগ টি ব্যবহার করে আমরা একটি ওয়েবসাইটের টাইটেল নাম দিতে পারব।

<Input> </input > – html এর এই ট্যাগ এর মাধ্যমে আমরা যা করতে পারি তা হল আমরা কোন কোন ওয়েবসাইটে লগইন করার সময় বা যেকোন কিছু লেখার সময় যে ফিল্ড টি পাই সেটি মূলত হচ্ছে ইনপুট ফিল্ড। উক্ত ইনপুট ফিল্ড উক্ত ট্যাগ এর মাধ্যমে লেখা হয়। আমরা যদি কোন ইনফিল্ড তৈরি করতে চাই তাহলে আমাদের উক্ত ট্যাগ এর সাহায্য করতে হবে।

<a> www.google.com</a> -html-এর এই ট্যাগ এর মাধ্যমে আমরা যা করতে পারব তা হল আমরা যদি আমাদের ওয়েবসাইটের মধ্যে কোন কিছু লিংক দিতে চাই বা অন্য কোন ওয়েবসাইটের লিংক এখানে দিতে চাই তাহলে আমাদের যে ট্যাগ এর মাধ্যমে এই কাজটি করতে হবে তা হল a ট্যাগ। এই ট্যাগ টির ভেতর আমরা যেকোনো ওয়েবসাইটের লিংক দিয়ে দিতে পারি।

CSS ট্যাগ

<Style> CSS </style > – আমরা যদি এইচটিএমএল এর মধ্যে কখনো ইনলাইন সিএসএস করতে চাই তাহলে আমাদের এই ট্যাগ টির সাহায্য নিতে হবে। ইনলাইন সিএসএস মূলত এইচটিএমএল এর মধ্যে যে সিএসএস করা হয় তাকে বোঝানো হয়।

<h1>yellow </h1> html-এর এটির মাধ্যমে আমরা কোন লেখার সাইজ ঠিক করতে পারি ।
কোন লেখার সাইজ বা হেডার এর সাইজ মূলত এটির সাহায্যে করা হয়।

<P>this is paragraph</p> html-এর ট্যাগ টি দ্বারা যে কাজ করা হয় তা হল আমরা ওয়েবসাইটের মধ্যে বিভিন্ন পোস্ট এর মাঝে যেসব পোস্ট দেখতে পাই সেগুলো কিছু কিছু প্যারা প্যারা আকারে থাকে মানে স্টেপ স্টেপ করে লেখা থাকে এই লেখাগুলো যেটার মাধ্যমে লেখা হয় এটাই হচ্ছে p ট্যাগ। এই ট্যাগ এর ভেতর যে লেখাগুলো থাকবে লেখাগুলো অর্থাৎ আমরা যেখানে p ট্যাগ ব্যবহার করব তারপর একটি লাইন বেরেক নিবে।

Button ট্যাগ

<Button>this is button </button> – এইচটিএমএল ট্যাগ এর মধ্যে এই বাটনটা একটি একটি গুরুত্বপূর্ণ ট্যাগ । এই ট্যাগ এর মাধ্যমে বাটন তৈরি করা হয় । বাটন ট্যাগ একটি ক্লিক যোগ্য বাটনকে নির্ধারণ করে থাকে এবং যে বাটনে ক্লিক করা হয় তাকে বাটন বলে। আবার আমরা যদি চাইত এই বাটনটি ব্যবহার করে রেডিও বাটন বানাতে পারব ‌। আমরা যে কোন ওয়েবসাইট ভিজিট করার সময় এই বাটন দেখে থাকি।

Datalist -এই ট্যাগ টি মূলত ইনপুট ট্যাগ এর একটি উপাদান। এটি পূর্বে নির্ধারিত বিকল্প গুলির একটি কে নির্ধারণ করে থাকে।আমরা অনেক সময় কোন কোন সাইটের বক্সে দেখতে পারি যে সেখানে অনেকগুলো অপশন দেখায় সেখান থেকে আমরা যেকোনো একটি অপশন বেছে নিতে পারি ‌।

<span>this is span </span> -html-এর এই span ট্যাগ টি মূলত কোন ডকুমেন্ট এর কোন অংশকে স্টাইল করার জন্য ব্যবহার করা হয়। মূলত html-এর এই ট্যাগ কি ইনলাইন এলিমেন্ট হিসেবে ব্যবহার করা হয়ে থাকে । আমরা যদি চাইত একটি ওয়েবসাইট তৈরি করার সময় একাধিক span ট্যাগ ব্যবহার করতে পারি। এতে কোনো সমস্যা হবে না। মূলত আমরা এই ট্যাগ টি ব্যবহার করে একটি ওয়েবসাইটের বিভিন্ন ইনলাইন এলিমেন্ট কে আলাদা আলাদা অংশে চিহ্নিত করতে পারি।

Image ট্যাগ

<img src=”hshsh.jpg” /> html-এর এই ট্যাগ টির সাহায্যে আমরা কোন ছবি ওয়েবসাইট শো করাতে পারি বা দেখাতে পারি । এই ট্যাগ টির মূলত কোন closing ট্যাগ থাকে না। তাই এটাকে বন্ধ করতে শেষে স্লাস চিহ্ন দিতে হয় ।তাই এইটা এর সাহায্যে আমরা যদি কোন ছবি দিতে চাই তাহলে সেই ছবির এড্রেস এবং এক্সটেনশন দিয়ে img ট্যাগ এর ভিতরে ঢুকাতে হবে তাহলে সেই ছবিটি ওয়েবসাইটে দেখাবে।

বন্ধুরা আশাকরি এইচটিএমএল এর কয়েকটি ট্যাগ করে আলোচনা করা হলো ‌। আপনি যদি এইচটিএমএল নিয়ে কাজ করতে চান তাহলে আপনাদের উপরে ট্যাগ গুলো ভালোভাবে চিনে রাখতে হবে কেন না আপনি উপরের ট্যাগ গুলো ছাড়া এইচটিএমএল করতে পারবেন না। আশা করি আপনারা বুঝতে পারছেন। আপনারা যদি কোন সমস্যা পড়েন তাহলে আমাদের কমেন্ট বক্সে জানাবেন।