سه عنصر <head> , <html> و <body> با هم ساختار اصلی یک صفحه وب را تشکیل می دهند. مثال زیر ساختار اصلی یک صفحه را نمایش میدهد:
<html>
<head>
<title> Page title </title>
</head>
<body>
<p> This is a Paragtaph </p>
</body>
</html>
ذکر این نکته اهمیت دارد که وقتی عناصر شامل عناصر دیگری باشند، توی هم قرار گرفتن آن ها باید به صورت مناسب انجام شود، یعنی هر عنصر به طور کامل باید درون عنصر پدرش قرار گیرد. هر وقت که از یک تگ بسته استفاده میکنید، این تگ بسته، باید وابسته به آخرین تگ بازی باشد که هنوز بسته نشده!.
به عبارتی دیگر، اول تگ A را باز کنید، سپس تگ B را باز کنید، سپس تگ B را ببندید و در آخر تگ A را ببندید. به عنوان مثال اگر بخواهیم فقط کلمه “پاراگراف” به صورت ضخیم دربیاید، بایستی:
۱
<p> این یک <b>پاراگراف</b> است </p>
اما کد زیر نادرست است، زیرا تگ بسته <b/> داخل تگ <p> قرار نگرفته است :
۱
<p> این یک <b>پاراگراف است </p></b>
و باعث میشود که نه فقط کلمه “پاراگراف” بلکه هر کلمه ای که بعد از آن بیاید نیز به صورت ضخیم درآید، که این امر یک اشکال در کد به حساب می آید.
