HTML ডকুমেন্টগুলো HTML এলিমেন্ট দ্বারা নির্ধারিত হয়। HTML এলিমেন্ট বলতে স্টার্ট ট্যাগ ও ইন্ড ট্যাগের ভেতরের সবকিছু বুঝায়। স্টার্ট ট্যাগ ও ইন্ড ট্যাগকে ওপেনিং ট্যাগ এবং ক্লোজিং ট্যাগও বলে।

HTML ট্যাগ দু'ধরনের। যথা-

১. ধারক (container) ট্যাগঃ এ ধরনের ট্যাগের শুরু, বিষয়বস্তু ও ট্যাগের শেষ থাকে। যেমন- <b> ...</b>

২. ফাঁকা (empty) ট্যাগঃ এ ধরনের ট্যাগের শুরু আছে কিন্তু ট্যাগের বিষয়বস্তু ও শেষ থাকে না। যেমন- <img> <br>, <input> <link> <meta source> <col> ইত্যাদি।



এইচটিএমএল এলিমেন্ট সিনট্যাক্স (HTML Element Syntax)

 • HTML এলিমেন্ট শুরু হয় ওপেনিং ট্যাগ দিয়ে, আর শেষ হয় ইন্ড ক্লোজিং ট্যাগ দিয়ে। 

• স্টার্ট ও ইন্ড ট্যাগের মধ্যবর্তী সবকিছুই হলো এলিমেন্ট কনটেন্ট। 

• কিছু কিছু HTML এলিমেন্টের কোনো কনটেন্ট থাকে না। এগুলোকে এম্পটি কনটেন্ট বলে । এম্পটি বা খালি এলিমেন্টগুলো স্টার্ট ট্যাগের মধ্যেই শেষ হয়ে যায়। 

• অধিকাংশ HTML এলিমেন্টের অ্যাট্রিবিউট থাকতে পারে।

নেস্টেড HTML এলিমেন্টস

অধিকাংশ HTML এলিমেন্টগুলো নেস্টেড হতে পারে। অর্থাৎ এগুলোতে অন্যান্য HTML এলিমেন্ট থাকতে পারে। HTML ডকুমেন্টগুলো নেস্টেড HTML এলিমেন্টসমূহ নিয়ে গঠিত হয়। নিচের উদাহরণটি লক্ষণীয়। এটি তিনটি HTML এলিমেন্ট নিয়ে গঠিত।


<html>

<body>

<p>This is my first paragraph</p> </body>

</html>


 লক্ষণীয়ঃ HTML ট্যাগগুলো কেস সেনসিটিভ নয়। <p> দিয়ে যা বুঝায় <P> দিয়েও তাই বুঝায়। ছোট বড় হরফের জন্য কোনো সমস্যা হয় না। তবে ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম (W3C) এর পরামর্শ হলো HTML এ লোয়ারকেস ব্যবহার করা।

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

 <p> এলিমেন্ট 

 <p>This is my first paragraph </p>

•HTML ডকুমেন্টের মধ্যে একটি প্যারাগ্রাফকে নির্ধারণ করে।

 • এলিমেন্টটির একটি ওপেনিং ট্যাগ এবং একটি ইন্ড ট্যাগ রয়েছে। এলিমেন্টটির কনটেন্ট হলো This is my first paragraph.

<body> এলিমেন্ট


<body>

<p> This is my first paragraph</p>

<body>  


• <body> এলিমেন্ট HTML ডকুমেন্টের কাঠামোটিকে নির্ধারণ করে। 

• এলিমেন্টটির স্টার্ট ট্যাগ <body> এবং একটি ইন্ড ট্যাগ </body> রয়েছে। 

• এলিমেন্টের কনটেন্ট হলো আরেকটি HTML এলিমেন্ট (একটি প্যারাগ্রাফ)। 

<html> এলিমেন্ট

<html>

<body>

<p>This is my first paragraph</p>

</body>

</html>

 • <html> এলিমেন্ট পুরো HTML ডকুমেন্টটিকেই নির্ধারণ করে।

• এলিমেন্টটির স্টার্ট ট্যাগ <html> এবং একটি ইন্ড ট্যাগ </html> রয়েছে।

• এই এলিমেন্টের কনটেন্টটি হলো আরেকটি HTML এলিমেন্ট (বডি)।


আজ এ পর্যন্তই... পরবর্তী পর্ব দেখার আমন্ত্রণ রইল। সে পর্যন্ত সবার সুস্বাস্থ্য কামনা করছি। আমাদের সাথে আপনার পথচলা শুভ হোক।

আমাদের লেখাগুলো ভালো লাগলে ওয়েবসাইটের লিংক সামাজিক যোগাযোগ মাধ্যমে শেয়ার করতে পারেন।