এইচটিএমএল এলিমেন্ট (HTML Elements)
এইচটিএমএল Elements বলতে এইচটিএমএল এর উপাদান সমুহ বুঝানো হয়ে থাকে। একটি ওপেনিং <> ট্যাগ আর ক্লোজিং </> ট্যাগ নিয়ে গঠিত হয় একটি এইচটিএমএল এলিমেন্ট। এবং ট্যাগের ভিতরের কন্টেন্ট সহ সব কিছুকেই এলিমেন্ট বলা হয়। যেমন <h1>...</h1> অথবা <p>...</p> ইত্যাদী সবই হচ্ছে এইচটিএমএল এলিমেন্ট। এভাবে <head>...</head> <body>...</body> এর মাঝে ট্যাগ, এট্রিবিউট সহ যা কিছু আসে সব কিছুকেই এক সংগে এইচটিএমএল এলিমেন্ট বলা হয়।
যেমনঃ- একটি বাড়িতে ব্যবহার যগ্য যা কিছু থাকে ধরুন চেয়ার, টেবিল, আলমারী, ড্রেসিং টেবিল, ডাইনিং টেবিল, সোফা সেট ইত্যাদী সবই হচ্ছে সেই বাড়ির এলিমেন্ট। আবার সেই বাড়িতে যদি একটি ডাইনিং টেবিল থাকে তাহলে টেবিলটির কাঠ পেরেক রঙ ইত্যাদী হচ্ছে সেই টেবিলের এলিমেন্ট। একটি শো-কেস থাকলে সেই শো-কেসের ভিতরে বাহিরে যা আছে অথবা সেই শো-কেসটা যে জিনিস দিয়ে বানানো হয়েছে তার সব কিছুই হচ্ছে সেই শো-কেসের এলিমেন্ট। তেমনি ভাবে এইচটিএমএল ডকুমেন্টে ব্যবহার যগ্য সবই হচ্ছে এইচটিএমএল এলিমেন্ট বা উপাদান। আবার এইচটিএমএল এলিমেন্টের কয়েকটি প্রকারভেদ রয়েছে।
নেস্টেড এলিমেন্ট প্রতিটি এইচটিএমএল এলিমেন্ট নেস্টেড হতে পারে। অর্থাৎ এলিমেন্টের ভিতরে এলিমেন্ট থাকতে পারে। সাধারণত সকল এইচটিএমএল ডকুমেন্ট নেস্টেড এলিমেন্ট দ্বারা গঠিত হয়। যেমনঃ- <html> <body> <p> </p> </body> </html> ইত্যাদী।
এম্পটি এলিমেন্ট এইচটিএমএল এর এমন কিছু এলিমেন্ট যা নেস্টেড হতে পারে না। অর্থাৎ এসব এলিমেন্টের মধ্য অন্য কোন চাইল্ড এলিমেন্ট থাকতে পারে না, এমন কন্টেন্টবিহীন এলিমেন্ট গুলোকে এম্পটি এলিমেন্ট বলা হয়। এম্পটি এলিমেন্ট গুলোর ক্লোজিং ট্যাগ হয় না। নিচে সকল এম্পটি এলিমেন্ট এবং তাদের ব্যবহার নিয়ে একটি টেবিল সাজিয়েছি। সেখান থেকে আরো কিছু ধারনা নিতে পারেন। বিস্তারিত জানতে ভিডিও টিউটোরিয়ালটি দেখুন।
বিস্তারিত ভিডিও সহ দেখুন
কোড উদাহরণ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Elements</title>
</head>
<body>
<h3>This Is a Heading.</h3>
<p>This Is a Paragraph.</p>
</body> </html>
ফলাফল
সব কিছুই এইচটিএমএল এলিমেন্ট
এইচটিএমএল এম্পটি এলিমেন্ট সমুহ
| এলিমেন্ট | বর্ণনা |
|---|---|
| <area> | এই এলিমেন্ট দ্বারা<area>ট্যাগের এরিয়া সেট করা হয়। |
| <base> | এই এলিমেন্ট দ্বারা পেজে ব্যবহৃত সকল লিংকের মূল URL নির্ধারণ করা হয়। |
| <br> | এই এলিমেন্ট দ্বারা একটি লাইন ব্রেক দেওয়া হয়। |
| <col> | এই এলিমেন্ট দ্বারা<colgroup>ট্যাগের কলাম সেট করা হয়। |
| <embed> | এই এলিমেন্ট দ্বারা এম্বেড করা ফাইল, ছবি, প্লাগ-ইন ইত্যাদী প্রদর্শন করা হয়। |
| <hr> | এই এলিমেন্ট দ্বারা দুটি সেকশনকে আলাদাভাবে উপস্থাপন করার জন্য অনুভূমিক রেখা তৈরি করা হয়। |
| <img> | এই এলিমেন্ট দ্বারা ওয়েবসাইটে ছবি প্রদর্শন করা হয়। |
| <input> | এই এলিমেন্ট দ্বারা ইনপুট ফিল্ড তৈরি করা হয়। |
| <link> | এই এলিমেন্ট দ্বারা ডকুমেন্টে এক্সটার্নাল স্টাইলশীট সংযোগ দেওয়া হয়। |
| <meta> | এই এলিমেন্ট দ্বারা ডকুমেন্টের মেটাডাটা বা অতিরিক্ত তথ্য ধারন করা হয়। |
| <param> | এই এলিমেন্ট দ্বারা এম্বেডেড অবজেক্টের প্যারামিটার পাস করা হয়। |
| <source> | এই এলিমেন্ট দ্বারা মিডিয়া এলিমেন্টের রিসোর্স যোগ করা হয়। |
| <track> | এই এলিমেন্ট দ্বারা মিডিয়া এলিমেন্টের জন্য টেক্সট ট্র্যাক যোগ করা হয়। |
| <wbr> | এই এলিমেন্ট দ্বারা শব্দের প্রয়োজনীয় স্থানে লাইন ব্রেক দেওয়া হয়। |
Keep Your Ads Here...
ঐতিহাসিক কালার থিওরি
বিস্তারিত দেখুন এইচটিএমএল আইকন
বিস্তারিত দেখুন ওয়েবের যত ফন্টস
বিস্তারিত দেখুন সিএসএস এনিমেশন
বিস্তারিত দেখুন হরেক রকম মেনু
বিস্তারিত দেখুন রকমারি বাটন
বিস্তারিত দেখুন