ساختار تگ ها:
تگ ها از سه قسمت تشکیل می شوند:
- یک علامت کوچکتر (>)
- نام تگ
- یک علامت بزرگتر (<)
۱
|
<tagname>
|
تگ ها معمولا به صورت جفتی به کار می روند و ساختار جدیدی به نام عنصر (element) را تشکیل می دهند. به مثال زیر دقت کنید:
۱
|
<tagname> content </tagname>
|
همانطور که در مثال بالا میبینید یک عنصر از سه قسمت اصلی تشکیل می شود: تگ آغازین، محتوای تگ (که میتواند یک متن ساده، یک عنصر دیگر و یا خالی باشد) و تگ پایانی.
به ساختار تگ پایانی توجه کنید که تفاوت آن با تگ آغازین فقط در “/” است که قبل از نام تگ در تگ پایانی می آید.
بسیار خب. تا اینجا با طریقه نوشتن تگ ها آشنا شدید. از این به بعد به معرفی تگ های HTML پرداخته میشود.
ساختار اصلی یک صفحه وب:
هر صفحه وب (HTML) با تگ <html> شروع و به تگ بسته <html/> ختم میشود. در واقع با این عنصر به مرورگر می گوییم که اولاً با یک صفحه از نوع HTML روبروست، ثانیاً صفحه با تگ باز <html> شروع و با تگ پایانی <html/> پایان می یابد.
در داخل عنصر html دو عنصر اصلی صفحه وجود دارند:
- عنصر <head> : این عنصر که قسمت head (سر) صفحه را مشخص میکند حاوی اطلاعاتی در مورد صفحه است. به عنوان مثال می تواند شامل عنوان و توضیحاتی در مورد آنچه در قسمت بدنه آمده است باشد. این قسمت از تگ <head> و تگ بسته <head/> و هر چیزی که بین آنهاست تشکیل می شود.
- عنصر <body>: مشخص کننده بدنه صفحه است و در واقع حاوی اطلاعاتی است که قرار است در پنجره مرورگر نمایش داده شود. این قسمت از تگ <body> و تگ بسته <body/> و هر چیزی که بین آنهاست تشکیل می شود.
سه عنصر <head> , <html> و <body> با هم ساختار اصلی یک صفحه وب را تشکیل می دهند. مثال زیرساختار اصلی یک صفحه را نمایش میدهد:
۱
۲
۳
۴
۵
۶
۷
۸
|
<html>
<head>
<title> Page title </title>
</head>
<body>
<p> This is a Paragtaph </p>
</body>
</html>
|
۱
|
<p> این یک <b>پاراگراف</b> است </p>
|
اما کد زیر نادرست است، زیرا تگ بسته <b/> داخل تگ <p> قرار نگرفته است :
۱
|
<p> این یک <b>پاراگراف است </p></b>
|
و باعث میشود که نه فقط کلمه “پاراگراف” بلکه هر کلمه ای که بعد از آن بیاید نیز به صورت ضخیم درآید، که این امر یک اشکال در کد به حساب می آید.
تا اینجا با ساختار تگ ها و طریقه نوشتن و قواعدشون آشنا شدید. در مطلب بعدی به معرفی صفات عمومی تگها میپردازیم.
منبع : سون لرن
You got to push it-this esnsiteal info that is!