سند های HTML به وسیله المان های HTML تعریف می شوند.
المان ها (Elements)
یک المان در HTML، هر چیزی از تگ شروع تا تگ پایان می باشد:
*تگ شروع را اغلب تگ باز و تگ پایان را اغلب تگ بسته می نامند.
نحوه نوشتن یک عنصر در HTML
- یک المان با یک تگ شروع (تگ باز) آغاز می شود.
- یک المان به یک تگ پایان (تگ بسته) ختم می شود.
- محتوای یک عنصر نوشته های بین تگ شروع و پایان می باشد.
- بعضی از المان در HTML تهی هستند.
- المان تهی در همان تگ شروع بسته می شود.
- بیشتر المان HTML می توانند دارای خصوصیت هایی باشند.
المان های تو در تو در HTML
بیشتر المان های HTML می توانند به صورت تو در تو باشند. (بدین معنی که محتوای آنها می تواند شامل دیگر المان های HTML نیز باشد)
سندهای HTML شامل المان تو در توی HTML می باشند.
مثالی از یک سند HTML
<html> <body> <p>This is my first paragraph.</p> </body> </html>
مثال بالا شامل سه المان زیر می باشد:
۱- المان <p>
<p>This is my first paragraph.</p>
المان<p> یک پاراگراف را در سند HTML تعریف می کند.
این المان حاوی تگ شروع <p> و تگ پایان <p/> می باشد.
محتوای این المان”This is my first paragraph” می باشد.
۲- المان <body>
<body> <p>This is my first paragraph.</p> </body>
المان<body> بدنه یک سند HTML را توصیف می کند.
این المان دارای تگ شروع <body> و تگ پایان <body/> می باشد.
محتوای این المان حاوی یک المان دیگر (المان p) می باشد.
۳- المان <html>
<html> <body> <p>This is my first paragraph.</p> </body> </html>
المان <html> تمام سند html را توصیف می کند.
این المان دارای تگ شروع <html> و تگ پایان <html/> می باشد.
محتوای این المان حاوی یک المان دیگر (المان body که خود حاوی المان <p> است) می باشد.
تگ پایان را فراموش نکنید
در بعضی المان ها HTML حتی اگر تگ پایان را فراموش کنید ممکن است آن المان درست عمل کند:
<p>This is a paragraph <p>This is a paragraph
مثال بالا در بیشتر مرورگرها درست عمل می کند، زیرا تگ بسته در اینجا اختیاری می باشد.
هرگز به این مسئله که تگ بسته اختیاری است استناد نکنید. المان های زیادی هستند که اگر تگ پایان را در آنها ننویسید خطا می دهند یا نتایج نادرستی می دهند.
المان های تهی
المانی که قسمت محتوای آنها خالی است را المان تهی می نامیم.
المان <br> یک المان تهی و بدون تگ بسته است (تگ <br> یک خط را تعریف می کند.) و با قرار دادن این تگ یک سطر جدید آغاز میگردد.
نکته: در XHTML تمام المان ها باید بسته شوند. اضافه کردن یک اسلش درون تگ شروع، مثل </br>، راه مناسبی برای بستن المان تهی در XHTML و XML می باشد.