এইচটিএমএল উপাদান
একটি HTML উপাদান একটি স্টার্ট ট্যাগ, কিছু বিষয়বস্তু এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়।
এইচটিএমএল উপাদান
একটি HTML উপাদান হল শুরু ট্যাগ থেকে শেষ ট্যাগ পর্যন্ত সবকিছু:
<tagname>Content goes here...</tagname>কিছু HTML উপাদানের উদাহরণ:
<h1>My First Heading</h1>
<p>My first paragraph.</p>| স্টার্ট মার্ক | উপাদান সামগ্রী | শেষ চিহ্ন |
|---|---|---|
<h1> |
My First Heading | </h1> |
<p> |
My first paragraph. | </p> |
<br> |
কোন বিষয়বস্তু নেই | কোন শেষ বিন্দু নেই |
দ্রষ্টব্য:
কিছু HTML উপাদানের কোন বিষয়বস্তু নেই (উদাহরণস্বরূপ<br>উপাদান)। এই উপাদানগুলিকে "খালি উপাদান" বলা হয়। খালি উপাদান কোন টার্মিনেটর আছে!
বিনুনি HTML উপাদান
HTML উপাদানগুলি নেস্ট করা যেতে পারে (অর্থাৎ উপাদানগুলিতে অন্যান্য উপাদান থাকতে পারে)।
সমস্ত HTML নথিতে নেস্টেড HTML উপাদান থাকে।
নিম্নলিখিত উদাহরণে চারটি HTML উপাদান রয়েছে (<html>, <body>, <h1>এবং<p>):
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>উদাহরণ বর্ণনা
<html> উপাদান
<html>element হল রুট এলিমেন্ট এবং সম্পূর্ণ HTML নথিকে সংজ্ঞায়িত করে।
এটি একটি শুরু বিন্দু<html>এবং একটি শেষ চিহ্ন</html>ধারণ করে
<body> উপাদান
<body>উপাদান নথির মূল অংশ সংজ্ঞায়িত করে।
এটি একটি শুরু বিন্দু<body>এবং একটি শেষ চিহ্ন</body>ধারণ করে
<h1> উপাদান
<h1>উপাদান একটি শিরোনাম সংজ্ঞায়িত করে।
এটি একটি শুরু বিন্দু<h1>এবং একটি শেষ চিহ্ন</h1>রয়েছে:
<h1>My First Heading</h1><p> উপাদান
<p>উপাদান একটি অনুচ্ছেদ সংজ্ঞায়িত করে।
এটি একটি শুরু বিন্দু<p>এবং একটি শেষ চিহ্ন</p>রয়েছে:
<p>My first paragraph.</p>শেষ চিহ্ন কখনই এড়িয়ে যাবেন না
কিছু HTML উপাদান সঠিকভাবে প্রদর্শিত হবে, এমনকি যদি আপনি শেষ ট্যাগটি ভুলে যান:
উদাহরণ
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>দ্রষ্টব্য:
যাইহোক, এই বিশ্বাস! আপনি টার্মিনেটর ভুলে গেলে, আপনি অপ্রত্যাশিত ফলাফল এবং ত্রুটি পেতে পারেন!
সর্বোত্তম অনুশীলন:
আপনার HTML উপাদানে সর্বদা ক্লোজিং ট্যাগ যোগ করুন। এটি কোডটিকে পরিষ্কার এবং বজায় রাখা সহজ করে তোলে।
খালি HTML উপাদান
বিষয়বস্তু ছাড়া HTML উপাদানগুলিকে খালি উপাদান বলা হয়।
<br>ট্যাগ একটি লাইন বিরতি সংজ্ঞায়িত করে, এবং এটি একটি খালি উপাদান যা একটি সমাপ্ত ট্যাগ ছাড়াই:
উদাহরণ
<p>This is a <br> paragraph with a line break.</p><br>
ট্যাক্স বিরতি
<img>
ছবি যোগ করে
<hr>
অনুভূমিক রেখা
HTML কেস-সংবেদনশীল
HTML ট্যাগগুলি কেস সংবেদনশীল নয়:<P>হয়<p>একই মানে।
এইচটিএমএল স্ট্যান্ডার্ডের জন্য ছোট হাতের ট্যাগের প্রয়োজন নেই, তবে W3C এইচটিএমএল-এ ছোট হাতের অক্ষরের সুপারিশ করে এবং XHTML এর মতো কঠোর নথির জন্য ছোট হাতের প্রয়োজন।
জাসিফ টিম সুপারিশ:
Jassif টিমে আমরা সবসময় ছোট হাতের ট্যাগ নাম ব্যবহার করি। এটি ভবিষ্যতের HTML সংস্করণগুলির সাথে সামঞ্জস্য এবং সামঞ্জস্যের সাথে সাহায্য করে৷
| সঠিক | মিথ্যা (তুলনামূলক) |
|---|---|
<html> |
<HTML> |
<body> |
<BODY> |
<h1> |
<H1> |
<p> |
<P> |
ব্যায়ামের মাধ্যমে শেখা
সত্য বা মিথ্যা। খালি উপাদানের একটি ক্লোজিং ট্যাগ থাকতে হবে।
HTML ট্যাগ রেফারেন্স
জাসিফ টিমের ট্যাগ রেফারেন্সে এই ট্যাগ এবং তাদের বৈশিষ্ট্য সম্পর্কে আরও তথ্য রয়েছে।
| ট্যাগ | ব্যাখ্যা |
|---|---|
<html> |
একটি HTML নথির উৎস সংজ্ঞায়িত করে |
<body> |
নথির মূল অংশ সংজ্ঞায়িত করে |
<h1>প্রথম<h6>পর্যন্ত |
HTML হেডার সংজ্ঞায়িত করে |
সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।
দ্রষ্টব্য:
আপনি যদি কোনো HTML ট্যাগ সম্পর্কে বিভ্রান্ত হন, আমাদের HTML ট্যাগ রেফারেন্স পৃষ্ঠাটি দেখুন। এটি প্রতিটি ট্যাগ এবং ব্যবহারের উদাহরণগুলির একটি সম্পূর্ণ বিবরণ প্রদান করে।