پرونده های HTML بوسیله عناصر HTML تعریف می شوند.
Start tag * Element content End tag *
<p> This is a paragraph </p>
<a href="default.htm"> This is a link </a>
<br>
*تگ شروع گاهی تگ آغازین و تگ پایان گاهی تگ خاتمه نیز خوانده می شود.
ساختار عناصر html
• یک عنصر html با تگ شروع باز شده و با تگ پایان بسته می شود.
• هر چیزی بین تگ های شروع و پایان را محتوای یک عنصر html گوییم.
• برخی عناصر html هیچ محتوایی ندارند.
• عناصر بدون محتوا در تگ شروع بسته می شوند.
• اکثر عناصر html می توانند خواصی داشته باشند.
نکته : شما در درس بعدی خواص تگ های html را یاد می گیرید، صبور باشید !
عناصر تو در تو
اکثر عناصر html می توانند تو در تو باشند(می توانند با سایر عناصر مشترک شوند). پرونده های html از عناصر تو در توی html تشکیل شده اند. مثالی از یک پرونده html
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
مثال بالا از 3 عنصر html تشکیل شده است.
توضیحات مثال
عنصر <p>:
<p>This is my first paragraph.</p>
عنصر <p> یک پارگراف را در پرونده html تعریف می کند. این عنصر به دلیل داشتن محتوا، تگ شروع و تگ پایان دارد. محتوای این عنصر This is my first paragraph. می باشد.
عنصر <body>:
<body> <p>This is my first paragraph.</p>
</body>
این عنصر عناصر قابل نمایش به کاربر و اصطلاحا بدن پرونده html را تعریف می کند.به دلیل داشتن محتوا ، تگ های شروع و پایان دارد.محتوای این عنصر ، عناصر دیگری (عناصر p و a) می باشد.
عنصر <html>:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
این عنصر کل پرونده html را تعریف می کند و به خاطر داشتن محتوا ، تگ های شروع و پایان دارد.همچنین محتوای آن، خود عنصر دیگری (body) می باشد.
تگ پایان ار فراموش نکنید!!!
برخی تگ های html ممکن است با وجود ننوشتن تگ پایان به درستی نمایش داده شوند . به طور مثال :
<p>This is a paragraph
<p>This is a paragraph
دستورات بالا در اکثر مرورگر ها به درستی کار می کنند ، چون درمثال بالا درج تگ بستن به صورت دلخواه در نظر گرفته شده است. اما همیشه اینطور نیست.فراموشی درج تگ بستن برای بسیاری از عناصر html ممکن است خطاهای غیر منتظره ای را ایجاد کند.
عنصر خالی html
در html عناصری را که هیچ محتوایی ندارند را عناصر خالی می گوییم.به طور مثال تگ <br> که خط را اصطلاحا شکسته و به خط بعدی می رود(مثل وظیفه کلید enter در تایپ کردن) ، یک عنصر خالی html بوده و به صورت <br> نوشته میشود.
نکته:همیشه نام تگ ها را با حروف کوچک انگلیسی بنویسید نام تگ های html به حروف بزرگ و کوچک انگلیسی حساس نیستند و بسیاری از وبسایت ها نام تگ های خود را با حروف بزرگ انگلیسی می نویسند ، اما استفاده از حروف کوچک در نام تگها درhtml توسط کنسرسیوم جهانی وب توصیه شده است.