یک المنت در HYML معمولا با یک تگ شروع و با یک تگ پایان می یابد و کد مورد نظر بین دو تگ قرار میگیرد.
مثال: <tagname> Content goes here...</tagname>
به کل عبارت بالا یک المنت می گویند.
تذکر : المنت هایی که شامل کد نباشند empty elements نامیده میشوند . این المنت ها تگ پایان ندارند مانند <br>.
المنت های HTML تودرتو:
المنت ها در HTML می تواند تو در تو باشند (هر المنت المنت شامل المنت های دیگری باشد.)اما هر سند HTML دارای المنت های تو در تو است.
مثال پایین شامل 4 المنت HTML است
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
شرح مثال:
<html> :کل سند درون این المنت قرار میگیرد که با تگ <html> شروع و با تگ </html>پایان می یابد.المنت <body> درون این تگ است .
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<body>: شامل مطالب بدنه سند است(مطالبی مه می خواهید در سایت نمایش داده شود ).
این المنت با تگ <body> شروع و با تگ </body> پایان می یابد.المنت های <h1> و <p> درون <body> قرار میگیرند.
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<h1>: با <h1> شروع و با </h1> تمام میشود و از ان برای تعریف عنوان استفاده میشود .
<h1>My First Heading</h1>
<p> برای نوشتن پاراگرف از این المنت استفاده میشود که با تگ <p > شروع و با تگ </p> پایان می یابد.
<p>My first paragraph.</p>
تذکر: تگ های پایان المنت ها را فراموش نکنید !!بعضی از المنت ها حتی اگر تگ های پایان آن ها را فراموش کنید به درستی نمایش داده میشوند.
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
اما هرگز به این امر اعتماد نکنید زیرا ممکن است در صورت فراموش کردن تگ پایان خطایی رخ دهد و شما را سردرگم کند.