HTML Tags
এইচটিএমএল এলিমেনট হল স্টার্ট ট্যাগ থেকে শুরু করে ক্লোজিং ট্যাগ পর্যন্ত সমস্ত কিছু। ব্যাপারটা আরও ভালভাবে বোঝার জন্য আমরা একটি পারাগ্রাফ এর কথা বিবেচনা করি।
কোন প্যারাগ্রাফ লিখতে হলে আমরা প্যারাগ্রাফ এর স্টার্টিং বা ওপেনিং ট্যাগ অর্থাৎ <p> দিয়ে শুরু করি তারপর প্যারাগ্রাফ এর বিষয়বস্তু এবং সর্বশেষে আমরা প্যারাগ্রাফ এর ক্লোজিং বা এন্ড ট্যাগ অর্থাৎ </p> দিয়ে শেষ করি।
নিচে সব সাধারণ HTML ট্যাগ এবং তাদের বাংলা ব্যাখ্যা দেওয়া হলো:
<!DOCTYPE html>: এই ট্যাগ HTML5 ডকুমেন্টের জন্য ব্যবহার করা হয়। এটি ব্রাউজারকে বলে যে এটি একটি HTML5 ডকুমেন্ট।<html>: এটি HTML ডকুমেন্টের মূল ট্যাগ। সবকিছু এর ভিতরে থাকবে।<head>: এই ট্যাগের মধ্যে মেটাডেটা থাকে, যেমন শিরোনাম, ক্যারেক্টার সেট, এবং স্টাইলশিট লিঙ্ক।<title>: ব্রাউজারের ট্যাবের শিরোনাম দেখানোর জন্য ব্যবহৃত হয়।<meta>: এই ট্যাগে বিভিন্ন মেটাডেটা থাকে, যেমন ক্যারেক্টার সেট এবং ভিউপোর্ট।<link>: বাইরের CSS ফাইল যুক্ত করার জন্য ব্যবহৃত হয়।<style>: সরাসরি HTML ডকুমেন্টের মধ্যে CSS লেখা যায়।<body>: এই ট্যাগের মধ্যে ওয়েবপৃষ্ঠার প্রধান বিষয়বস্তু থাকে।<header>: একটি সেকশনের হেডার তথ্য ধারণ করে, যেমন শিরোনাম এবং নেভিগেশন।<nav>: ওয়েবসাইটের নেভিগেশন লিঙ্কগুলোর জন্য ব্যবহৃত হয়।<main>: মূল কনটেন্ট ধারণ করে, যেখানে প্রধান বিষয়বস্তু থাকে।<section>: একটি ভিন্ন অংশ বা সেকশন তৈরি করে, যা সাধারণত একটি শিরোনামসহ থাকে।<article>: স্বতন্ত্র এবং পুনর্ব্যবহারযোগ্য কনটেন্ট ইউনিট হিসেবে ব্যবহৃত হয়, যেমন ব্লগ পোস্ট।<h1>,<h2>,<h3>, ...<h6>: শিরোনাম ট্যাগ।<h1>সবচেয়ে বড় এবং<h6>সবচেয়ে ছোট।<p>: প্যারাগ্রাফ ট্যাগ, টেক্সট ব্লক তৈরি করতে ব্যবহৃত হয়।<a>: লিঙ্ক তৈরি করে, যেখানেhrefঅ্যাট্রিবিউট ব্যবহার করে গন্তব্য নির্দিষ্ট করা হয়।<img>: ছবি অন্তর্ভুক্ত করার জন্য ব্যবহৃত হয়, যেখানেsrcএবংaltঅ্যাট্রিবিউট থাকে।<ul>: অর্ডারবিহীন তালিকা তৈরি করে, যেখানে<li>ট্যাগ দিয়ে তালিকার আইটেমগুলি যোগ করা হয়।<ol>: অর্ডারড তালিকা তৈরি করে, যেখানে আইটেমগুলি সংখ্যা দিয়ে সাজানো হয়।<li>: তালিকার আইটেম নির্দেশ করতে ব্যবহৃত হয়।<div>: কন্টেন্ট ব্লক তৈরি করতে ব্যবহৃত হয়, সাধারণত স্টাইলিং বা স্ক্রিপ্টিং এর জন্য।<span>: inline টেক্সট বা কন্টেন্টের অংশ চিহ্নিত করতে ব্যবহৃত হয়, সাধারণত স্টাইলিংয়ের জন্য।<footer>: পৃষ্ঠার ফুটার তথ্য ধারণ করে, যেমন কপিরাইট এবং যোগাযোগের তথ্য।<form>: ব্যবহারকারীর ইনপুট গ্রহণ করার জন্য একটি ফর্ম তৈরি করে।<input>: ফর্মের জন্য ইনপুট ফিল্ড তৈরি করে, যেখানে বিভিন্ন ধরনেরtypeঅ্যাট্রিবিউট ব্যবহার করা যায় (যেমন text, password, checkbox)।<button>: একটি বোতাম তৈরি করে, যা ক্লিক করলে কোন ফাংশন চালাতে পারে।<label>: ফর্মের ইনপুটের জন্য ট্যাগ তৈরি করে, যাতে ব্যবহারকারী বুঝতে পারে কি ইনপুট দেওয়া হচ্ছে।<textarea>: একাধিক লাইন টেক্সট ইনপুটের জন্য একটি ক্ষেত্র তৈরি করে।<select>: একটি ড্রপডাউন মেনু তৈরি করে, যেখানে<option>ট্যাগ দিয়ে বিকল্প যোগ করা হয়।<iframe>: অন্য একটি HTML পৃষ্ঠা একটি পৃষ্ঠার মধ্যে এম্বেড করার জন্য ব্যবহৃত হয়।
### টেক্সট ফরম্যাটিং এলিমেন্ট
এইচটিএমএল এর কতগুল ট্যাগ আছে, যেগুলো ব্যবহার করে কোন text এর স্টাইল সরাসরি পরিবর্তন করা যায়, এর জন্য কোন সিএসএস বা স্টাইল কোড ব্যবহার করার প্রয়োজন হয় না। এই ট্যাগগুলোকে একত্রে ফরম্যাটিং ট্যাগ বলে। যে সকল ফরম্যাটিং ট্যাগ এইচটিএমএল এ ব্যবহার করা হয় সেগুলো হল -
- <b> ... </b> - এই ট্যাগ, লেখাকে বোল্ড/গাঢ় স্টাইল প্রদান করে।
- <em> ... </em> - কোন লেখাকে, এম্ফেসাইজ/গুরুত্বপূর্ণ টেক্সট রুপে প্রকাশ করে।
- <i> ... </i> - এই ট্যাগ, কোন লেখাকে ইটালিক স্টাইল রুপে তৈরি করে।
- <small> ... </small> - এই ট্যাগ, সাধারনের থেকে অপেক্ষাকৃত ছোট লেখা তৈরি করে।
- <strong> ... </strong> - কোন লেখাকে গুরুত্বপূর্ণ রুপে প্রকাশ করে।
- <sub> ... </sub> - এই ট্যাগ, লেখাকে সাবস্ক্রিপ্ট স্টাইল রুপে প্রকাশ করে।
- <sup> ... </sup>- এই ট্যাগ, লেখাকে সুপারস্ক্রিপ্ট স্টাইল রুপে প্রকাশ করে।
- <ins> ... </ins> - এই ট্যাগ, লেখাকে ইনসারটেড স্টাইল রুপে প্রকাশ করে।
- <del> ... </del> - এই ট্যাগ, লেখাকে ডিলেটকৃত স্টাইল রুপে প্রকাশ করে।
- <mark> ... </mark> - এই ট্যাগ, কোন লেখাকে মার্ক/হাইলাইট করে প্রকাশ করে।
### কম্পিউটার কোড আউটপুট এলিমেন্ট
Created By _____ 🅰🅻🅸 🅷🅰🅸🅳🅰🆁