আমরা হয়তোবা জানি যে HTML হচ্ছে hypert ext markup language । এইচটিএমএল কিন্তু একটি মার্কআপ ল্যাংগুয়েজ এটি কিন্তু কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। এইচটিএমএল মূলত কিছু ট্যাগ এর মাধ্যমে লেখা হয় এবং সেই ট্যাগগুলো লিখতে আমাদের কিছু নিয়ম জানতে হয়। প্রত্যেকটা ট্যাগ এর আলাদা আলাদা ব্যবহার আছে। আজকে আমরা এইচটিএমএল এর কিছু ট্যাগ নিয়ে আলোচনা করব।
HTML বিষয়ে কিছু সাধারণ ট্যাগ সম্পর্কে আমাদের জানা উচিৎ,
Table of Contents-
HTML এর কিছু সাধারণ ট্যাগ সম্পর্কে আমাদের জানা উচিৎ,যেমন-CSS ট্যাগ,Button ট্যাগ ও Image ট্যাগ।
<title> this is title </title> – প্রতিটি ব্রাউজারের একেকটি টাইটেল নাম থাকে বা দিতে হয়। উক্ত টাইটেল নামগুলো প্রত্যেক ব্রাউজার এর মধ্যে দেয়া থাকে। উক্ত ব্রাউজারের টাইটেল নাম দেয়ার জন্য টাইটেল কি ব্যবহার করা হয়। এ থেকে বোঝা যায় উক্ত ট্যাগ টি ব্যবহার করে আমরা একটি ওয়েবসাইটের টাইটেল নাম দিতে পারবো।
জেনে নিন ফেসবুক মেসেঞ্জারে স্ক্রিন শেয়ার করার উপায়
2022 এসএসসি, এইচএসসি পরীক্ষার্থীদের নিয়োগ পরবর্তী বিজ্ঞপ্তি পর্যন্ত স্থগিত
গুগলে ছবি দিয়ে কিভাবে সার্চ করবেন?
national university notice 2021
<Input>### </input > – html এ এই ট্যাগ টির মাধ্যমে আমরা যা করতে পারি তা হল আমরা কোনো কোনো ওয়েবসাইটে লগইন করার সময় বা কোন কিছু লেখার সময় যে ফিল্ড টি পাই সেটি মূলত হচ্ছে ইনপুট ফিল্ড। উক্ত ট্যাগ এর মাধ্যমে ইনপুট ফিল্ড এ লেখা হয়। আমরা যদি কোন ইনপুট ফিল্ড তৈরি করতে চাই তাহলে আমাদের উক্ত ট্যাগ এর সাহায্য ও ব্যবহার করতে হবে।
<a> www.google.com</a> -html-এর এই ট্যাগটির এর মাধ্যমে আমরা যা করতে পারি তা হল আমরা যদি আমাদের ওয়েবসাইটের মধ্যে কোন কিছু লিংক দিতে চাই বা অন্য কোন ওয়েবসাইটের লিংক এখানে দিতে চাই, তাহলে আমাদের a ট্যাগ এর মাধ্যমে এই কাজটি করতে হবে। এই ট্যাগটির মাধ্যমে আমরা যেকোনো ওয়েবসাইটের লিংক দিয়ে দিতে পারি।
https://web.facebook.com/profile.php?id=100012061038209
CSS ট্যাগ,
<Style> CSS </style > – আমরা যদি এইচটিএমএল এর মধ্যে কখনো ইনলাইন সিএসএস করতে চাই তাহলে আমাদের এই ট্যাগ টির ব্যবহার করতে হবে। ইনলাইন সিএসএস মূলত এইচটিএমএল এর মধ্যে যে সিএসএস করা হয় তাকে বোঝানো হয়।
<h1>yellow </h1> html-এর এটির মাধ্যমে আমরা কোন লেখাকে ছোট বড় অথবা সাইজ ঠিক করতে পারি ।
কোন লেখার সাইজ বা হেডার এর সাইজ মূলত এটির সাহায্যে করা হয়।
<P>this is paragraph</p> html-এই ট্যাগটি দ্বারা যে কাজ করা হয় তা হল আমরা ওয়েবসাইটের মধ্যে বিভিন্ন পোস্ট এর মাঝে যেসব পোস্ট দেখতে পাই সেগুলো কিছু কিছু প্যারা আকারে থাকে মানে step by step করে লেখা থাকে,এই লেখাগুলো যেই ট্যাগের মাধ্যমে লেখা হয় সেটাই হচ্ছে p ট্যাগ। এই ট্যাগ এর ভেতর যে লেখাগুলো থাকবে লেখাগুলো অর্থাৎ আমরা যেখানে p ট্যাগ ব্যবহার করব তারপর একটি লাইন break নিবে।
http ://103.113.200.29/student_covidinfo/।
Button ট্যাগ,
<Button>this is button </button> – এইচটিএমএল ট্যাগ এর মধ্যে এই বাটনটি একটি গুরুত্বপূর্ণ ট্যাগ । এই ট্যাগ এর মাধ্যমে বাটন তৈরি করা হয় । বাটন ট্যাগ একটি ক্লিক যোগ্য বাটনকে নির্ধারণ করে থাকে এবং যে বাটনে ক্লিক করা হয় তাকে বাটন ট্যাগ বলে। আবার আমরা যদি চাই এই বাটনটি ব্যবহার করে রেডিও বাটন বানাতে পারবো। আমরা যে কোন ওয়েবসাইট ভিজিট করার সময় এই বাটন দেখে থাকি।
Datalist tag -এই ট্যাগটি মূলত ইনপুট ট্যাগ এর একটি উপাদান। এটি পূর্বে নির্ধারিত বিকল্প গুলির একটি কে নির্ধারণ করে থাকে।আমরা অনেক সময় কোনো কোনো সাইটের বক্সে দেখতে পারবেন আর সেখানে আপনি অনেক গুলো অপশন দেখতে পারবেন আর সেখান থেকে আপনারা যেকোনো একটি অপশন বেছে নিতে পারি ।
<span>this is span </span> -html-এর এই span ট্যাগ টি মূলত কোন ডকুমেন্ট এর কোন অংশকে স্টাইল করার জন্য ব্যবহার করা হয়। মূলত html-এর এই ট্যাগটি ইনলাইন এলিমেন্ট হিসেবে ব্যবহার করা হয়ে থাকে । আমরা যদি চাই একটি ওয়েবসাইট তৈরি করার সময় একাধিক span ট্যাগ ব্যবহার করতে পারি। এতে কোনো সমস্যা হবে না।
Image ট্যাগ,
চ<img src=”hshsh.jpg” /> html-এর এই ট্যাগ টির সাহায্যে আমরা কোন ছবি ওয়েবসাইট শো করাতে পারি বা দেখাতে পারি ।আর এই ট্যাগটির মূলত কোন closing ট্যাগ থাকে না। তাই এটাকে close করার জন্য শেষে স্লাইস(/) চিহ্ন দিতে হয় ।তাই এটার সাহায্যে আমরা যদি কোন ছবি দিতে চাই তাহলে সেই ছবির এড্রেস এবং এক্সটেনশন দিয়ে img ট্যাগ এর ভিতরে ঢুকাতে হবে তাহলে সেই ছবিটি ওয়েবসাইটে দেখাবে।
বন্ধুরা আশাকরি এইচটিএমএল এর কয়েকটি ট্যাগ আলোচনা করা হলো । আপনি যদি এইচটিএমএল নিয়ে কাজ করতে চান তাহলে আপনাদের উপরে ট্যাগ গুলো ভালোভাবে চিনে রাখতে হবে।
