ساختار کلی تگ ها در HTML – زبان html وجود Enter و فاصله خالی ( space ) را در متن تشخیص نمی دهد و آن ها را نادیده می گیرد یعنی اگر شما متنی را در کد برنامه در چند خط بنویسید، مرورگر آنها را نادیده گرفته و با تغییر عرض پنجره تعداد سطرها تغییر می کند.
بهترین روش برای حل این مشکل استفاده از برچسب ( tag ) های HTML است.

تگ چیست؟

ابتدا کدهای زیر را در نظر بگیرید:

<!DOCTYPE HTML>
 <html>
 <head>
 ...
 </head>
 <body>
 ...
 </body>
 </html>

تمام صفحات وب برای نمایش توسط مرورگر از دستورالعمل های متعددی استفاده میکنند و با خواندن این دستورالعمل ها توسط مرورگر نحوه نمایش اشیا در صفحات مشخص می شود.
این دستورالعمل های نمایش صفحات وب و اشیای آن، برچسب (یا tag) نامیده می شوند.

ساختار کلی تگ ها در HTML

برچسب ها معمولا به صورت دو قسمتی به کار می روند.
قسمت اول نشانگر شروع تگ، که بین علامت های “<” و”>” محصور شده است،
و قسمت دوم نشانگر پایان آن است، که بین علامت های “<” و”/>” محصور شده است،
و به صورت استاندارد طبق شکل کلی زیر به کار می روند :

 <تگ انتها/> محتویات <تگ ابتدا>

مانند:

 <body> ........ </body>

ذکر این نکته نیز ضروری است که بعضی از تگ های html تک قسمتی و یکتا هستند یعنی تگ پایانی ندارند و به صورت کلی زیر به کار می روند :

 <تگ یک قسمتی/>

مانند:

 <br/>

نکته۱:
بین علامت های < و > نباید فضای خالی وجود داشته باشد.

نکته۲:

تگ های HTML به حروف کوچک و بزرگ حساس نیستند و در هر دو حالت پاسخ یکسانی می دهند، ولی بهتر است که با حروف کوچک کدهای HTML را بنویسیم.