HTML এলিমেন্টস


একটি HTML উপাদান(Element) একটি স্টার্ট ট্যাগ, কিছু সামগ্রী(content) এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়।


HTML এলিমেন্টস

একটি HTML উপাদান(Element) একটি স্টার্ট ট্যাগ, কিছু সামগ্রী(content) এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়।

  • <tagname>Content goes here...</tagname>

এইচটিএমএল উপাদানের(element) শুরু ট্যাগ থেকে শেষ ট্যাগ পর্যন্ত সমস্ত কিছু:

  • <h1>My First Heading</h1>
  • <p>My First paragraph</p>
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none
কিছু এইচটিএমএল উপাদান(Element) গুলির কোনও বিষয়বস্তু নেই (যেমন
উপাদান(Element))। এই উপাদান(Element) গুলিকে খালি উপাদান(Element) বলা হয়। খালি উপাদান(Element)গুলির শেষ ট্যাগ নেই!

নেসটেড HTML উপাদান(Element)

এইচটিএমএল উপাদানগুলি নেস্ট করা যায় (এর অর্থ এই যে উপাদানগুলিতে অন্যান্য উপাদান(Element) থাকতে পারে)।

সমস্ত এইচটিএমএল ডকুমেন্টে নেস্টেড এইচটিএমএল উপাদান থাকে।

নিম্নলিখিত উদাহরণে চারটি এইচটিএমএল উপাদান রয়েছে (<html>,<body>,<h1> এবং <p>):

ধারনা:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

উদাহরণ ব্যাখ্যা

<html> উপাদানটি মূল উপাদান এবং এটি পুরো html ডকুমেন্টকে সংজ্ঞায়িত করে।

এটিতে একটি শুরুর ট্যাগ <html> এবং একটি শেষ ট্যাগ </html> রয়েছে।

তারপরে, <html> উপাদানটির ভিতরে একটি <body> উপাদান রয়েছে:

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<body> উপাদান ducument- এর বডি সংজ্ঞায়িত করে।

এটিতে একটি শুরুর ট্যাগ <body> এবং একটি শেষ ট্যাগ </body> রয়েছে।

তারপরে <body> উপাদানটির ভিতরে আরও দুটি উপাদান রয়েছে: <h1> এবং<p>:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<h1> উপাদান একটি শিরোনামকে(heading) সংজ্ঞায়িত করে।

এটিতে একটি শুরুর ট্যাগ <h1>এবং একটি শেষ ট্যাগ </h1> রয়েছে:

<h1>My First Heading</h1>

p উপাদান অনুচ্ছেদ(paragraph) সংজ্ঞায়িত করে।

এটিতে একটি শুরুর ট্যাগ <p> এবং একটি শেষ ট্যাগ </p> রয়েছে:

<p>My First Heading</p>

শেষ ট্যাগ কখনও এড়িয়ে যাবেন না

আপনি শেষ ট্যাগটি ভুলে গেলেও কিছু HTML উপাদান সঠিকভাবে প্রদর্শিত হবে:

ধারনা:

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
তবে এর উপর কখনই নির্ভর করবেন না! আপনি যদি শেষ ট্যাগটি ভুলে যান তবে অপ্রত্যাশিত ফলাফল এবং ত্রুটিগুলি ঘটতে পারে!

খালি এইচটিএমএল উপাদানসমূহ

কোনও সামগ্রী(content) না থাকা এইচটিএমএল উপাদানগুলিকে খালি উপাদান বলা হয়।

<br> ট্যাগটি একটি লাইন বিরতি(break) সংজ্ঞায়িত করে এবং এটি ক্লোজিং ট্যাগ ছাড়াই একটি খালি উপাদান:

ধারনা:

<p>This is a <br> paragraph with a line break.</p>

এইচটিএমএলটি কেস সেনসিটিভ নয়

এইচটিএমএল ট্যাগগুলি কেস সেনসিটিভ নয়: <P> এর অর্থ <p> এর সমান।

এইচটিএমএল স্ট্যান্ডার্ডের জন্য ছোট হাতের ট্যাগগুলির প্রয়োজন হয় না, তবে nbp3 এইচটিএমএলে ছোট হাতের অক্ষরের প্রস্তাব দেয় এবং এক্সএইচটিএমএ(xhtml)লের মতো কঠোর document প্রকারের জন্য ছোট হাতের চাহিদা রাখে।

nbp3bangla-তে আমরা সর্বদা লোয়ারকেস ট্যাগের নাম ব্যবহার করি।

এইচটিএমএল ট্যাগ রেফারেন্স

nbp3bangla গুলির ট্যাগ রেফারেন্সে এই ট্যাগগুলি এবং তাদের বৈশিষ্ট্যগুলি সম্পর্কে অতিরিক্ত তথ্য রয়েছে।

Tag Description
<html> এইচটিএমএল নথির(document) মূল নির্ধারণ করে
<body> নথির(document) বডি সংজ্ঞা দেয়
<h1>to<h6> এইচটিএমএল শিরোনাম(heading) সংজ্ঞায়িত করে
সমস্ত উপলভ্য এইচটিএমএল ট্যাগগুলির সম্পূর্ণ তালিকার জন্য, আমাদের এইচটিএমএল ট্যাগ রেফারেন্সটি দেখুন।