এইচটিএমএল এলিমেন্টসমূহ (HTML Elements)ঃ
এইচটিএমএল
ডকুমেন্টগুলো এইচটিএমএল এলিমেন্টসমূহ দ্বারা নির্ধারিত হয়। এইচটিএমএল এলিমেন্ট
বলতে বুঝায় স্টার্ট ট্যাগ ও ইন্ড ট্যাগের ভেতর সবকিছু। এদেরকে ওপেনিং ট্যাগ এবং
ক্লোজিং ট্যাগও বলে।
স্টার্ট ট্যাগ/ ওপেনিং ট্যাগ
|
ইলিমেন্ট
|
ইন্ড ট্যাগ/ ক্লোজিং ট্যাগ
|
<p>
|
This is a paragraph
|
</p>
|
<a href=”index.html”>
|
This is a link
|
</a>
|
<br />
|
|
|
HTML এলিমেন্ট সিনটেক্সঃ
১. যেকোন HTML এলিমেন্ট শুরু হয় স্টার্ট/ওপেনিং ট্যাগ দিয়ে আর শেষ হয় ইন্ড/ক্লোজিং ট্যাগ
দিয়ে।
২. স্টার্ট ও
ইন্ড ট্যাগের মধ্যবর্তী সবকিছুই হলো এলিমেন্ট কন্টেন্ট।
৩. কিছু কিছু HTML এলিমেন্টের কোনো কনটেন্ট থাকে না। এগুলোকে এম্পটি কনটেন্ট বলে।
৪. এম্পটি বা
খালি এলিমেন্টগুলো স্টার্ট ট্যাগের মধ্যেই শেষ হয়ে যায়।
৫. অধিকাংশ HTML এলিমেন্টের অ্যাট্রিবিঊট থাকতে পারে।
নেস্টেড HTML এলিমেন্টসঃ
অধিকাংস
এইচটিএমএল এলিমেন্টগুলো নেস্টেড হতে পারে। অর্থাৎ
এগুলোতে অন্যান্য HTML এলিমেন্ট থাকতে পারে। HTML ডকুমেন্টগুলো নেস্টেড HTML এলিমেন্টসমূহ নিয়ে গঠিত হয়। নিচের ঊদাহরণটি
দেখুন। এটি তিনটি HTML এলিমেন্ট নিয়ে গঠিত।
<html>
<body>
<p>
This is my first paragraph </p>
</body>
</html>
ঊদাহরণের ব্যাখ্যাঃ
<p> এলিমেন্ট HTML ডকুমেন্টের মধ্যে একটি প্যারাগ্রাফকে
নির্ধারণ করে।
<body> এলিমেন্ট HTML ডকুমেন্টের কাঠামোকে নির্ধারণ করে।
<html> এলিমেন্ট পুরো HTML ডকুমেন্টটিকেই নির্ধারণ করে।
এম্পটি HTML এলিমেন্টঃ
কনটেন্ট নেই এমন
ধরনের HTML এলিমেন্টকে এম্পটি এলিমেন্ট বলে। এই এলিমেন্টগুলো স্টার্ট ট্যাগেই হয়ে যেতে
পারে। যেমন- <br /> হলো একটি এম্পটি এলিমেন্ট যার কোন ক্লোজিং ট্যাগ নেই। লাইনের মাঝে ব্রেক
দেওয়ার জন্য <br /> ব্যবহার করা হয়।
HTML টিপঃ লোয়ারকেস ট্যাগ ব্যবহার করুন
HTML ট্যাগগুলো কেস সেনসিটিভ নয়। <P> দিয়ে যা বুঝায় <p> দিয়েও তাই বুঝায়। এতে কোন সমস্যা হবে না তবে ওয়ার্ল্ড ওয়াইড ওয়েব
কনসোর্টিয়াম (W3C) এর পরামর্শ হল HTML4 এ লোয়ারকেস ব্যবহার করা। কারণ ভবিষ্যতের (X)HTML সংস্করণের ক্ষেত্রে অবশ্যই লোয়ারকেস ব্যবহার করতে হবে।