একটি এইচ.টি.এম.এল উপাদান একটি স্টার্ট ট্যাগ, কিছু বিষয়বস্তু এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়।
এইচ.টি.এম.এল উপাদান
এইচ.টি.এম.এল উপাদান হল শুরু ট্যাগ থেকে শেষ ট্যাগ পর্যন্ত সবকিছু:
< tagname > বিষয়বস্তু এখানে যায়… < /tagname >
কিছু এইচ.টি.এম.এল উপাদানের উদাহরণ:
< h1 > আমার প্রথম শিরোনাম < /h1 >< p > আমার প্রথম অনুচ্ছেদ। < /p >
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
দ্রষ্টব্য: কিছু এইচ.টি.এম.এল উপাদানের কোনো বিষয়বস্তু নেই (যেমন <br> উপাদান)। এই উপাদানগুলিকে খালি উপাদান বলা হয়। খালি উপাদানের একটি শেষ ট্যাগ নেই!
নেস্টেড এইচ.টি.এম.এল উপাদান
এইচ.টি.এম.এল উপাদানগুলি নেস্ট করা যেতে পারে (এর মানে হল যে উপাদানগুলিতে অন্যান্য উপাদান থাকতে পারে)।
সমস্ত এইচ.টি.এম.এল নথি নেস্টেড এইচ.টি.এম.এল উপাদান নিয়ে গঠিত।
নিম্নলিখিত উদাহরণে চারটি এইচ.টি.এম.এল উপাদান রয়েছে ( , <html>এবং ) :<body><h1><p>
উদাহরণ
উদাহরণ ব্যাখ্যা করা হয়েছে
উপাদানটি হল মূল <html>উপাদান এবং এটি সম্পূর্ণ এইচ.টি.এম.এল নথিকে সংজ্ঞায়িত করে।
এটিতে একটি স্টার্ট ট্যাগ <html>এবং একটি শেষ ট্যাগ রয়েছে </html>।
তারপরে, উপাদানটির ভিতরে <html>একটি <body>উপাদান রয়েছে:
<body>উপাদানটি নথির মূল অংশকে সংজ্ঞায়িত করে ।
এটিতে একটি স্টার্ট ট্যাগ <body>এবং একটি শেষ ট্যাগ রয়েছে </body>।
তারপরে, উপাদানটির ভিতরে <body>আরও দুটি উপাদান রয়েছে: <h1>এবং <p>:
উপাদান একটি শিরোনাম <h1>সংজ্ঞায়িত করে.
এটিতে একটি স্টার্ট ট্যাগ <h1>এবং একটি শেষ ট্যাগ রয়েছে </h1>:
উপাদানটি <p>একটি অনুচ্ছেদ সংজ্ঞায়িত করে।
এটিতে একটি স্টার্ট ট্যাগ <p>এবং একটি শেষ ট্যাগ রয়েছে </p>:
শেষ ট্যাগ এড়িয়ে যাবেন না
কিছু এইচ.টি.এম.এল উপাদান সঠিকভাবে প্রদর্শিত হবে, এমনকি যদি আপনি শেষ ট্যাগটি ভুলে যান:
উদাহরণ
যাইহোক, এই উপর নির্ভর করবেন না! আপনি শেষ ট্যাগ ভুলে গেলে অপ্রত্যাশিত ফলাফল এবং ত্রুটি ঘটতে পারে!
খালি এইচ.টি.এম.এল উপাদান
কোন বিষয়বস্তু ছাড়া এইচ.টি.এম.এল উপাদানকে খালি উপাদান বলা হয়।
ট্যাগ একটি লাইন বিরতি সংজ্ঞায়িত করে <br>, এবং এটি একটি ক্লোজিং ট্যাগ ছাড়াই একটি খালি উপাদান:
উদাহরণ
এইচ.টি.এম.এল কেস সংবেদনশীল নয়
এইচটিএমএল ট্যাগগুলি কেস সংবেদনশীল নয়:
এর অর্থ একই
।
এইচটিএমএল স্ট্যান্ডার্ডের জন্য ছোট হাতের ট্যাগের প্রয়োজন হয় না, তবে W3C এইচটিএমএল-এ ছোট হাতের অক্ষরের সুপারিশ করে এবং XHTML এর মতো কঠোর নথির ধরনের জন্য ছোট হাতের দাবি করে।
Coder Alo এ আমরা সবসময় ছোট হাতের ট্যাগ নাম ব্যবহার করি।
এইচ.টি.এম.এল ট্যাগ রেফারেন্স
W3Schools এর ট্যাগ রেফারেন্সে এই ট্যাগ এবং তাদের বৈশিষ্ট্য সম্পর্কে অতিরিক্ত তথ্য রয়েছে।
| Tag | Description |
|---|---|
| Defines the root of an HTML document | |
| Defines the document’s body | |
| to | Defines HTML headings |
সমস্ত উপলব্ধ এইচ.টি.এম.এল ট্যাগের একটি সম্পূর্ণ তালিকার জন্য, আমাদের এইচ.টি.এম.এল ট্যাগ রেফারেন্স দেখুন ।
সুত্রঃ w3schools