آموزش عناصر در HTML
یک عنصر HTML چیست؟
یک عنصر HTML با یک تگ باز و یک محتوا و یک تگ بسته تعریف می شود:
به هر چیزی، از تگ باز گرفته تا تگ بسته، یک عنصر HTML گفته می شود:
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p>
| نگ بسته | محتوا | تگ باز |
|---|---|---|
| <h1/> | اولین عنوان من | <h1> |
| <p/> | اولین پاراگراف من | <p> |
| هیچ | هیچ | <br> |
نکته: برخی از عناصر HTML محتوا ندارند(مانند عنصر <br>). به آنها، عناصر خالی گفته می شود. عناصر خالی، تگ بسته ندارند.
عناصر تودرتوی HTML
عناصرHTML می توانند تو در تو باشند(این یعنی اینکه این عناصر می توانند دیگر عناصر را دربر بگیرند). تمام سندهای HTML حاوی عناصر HTML تودرتو هستند. مثال زیر حاوی چهار عنصر HTML است(<html> و <body> و <h1> و <p>).
مثال شماره 1
<!DOCTYPE html>
<html>
<body>
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p>
</body>
</html> توضیح مثال بالا
عنصر <html> عنصر ریشه است و تمام سند HTML را تعریف می کند. این عنصر با تگ <html> شروع می شود و با تگ <html/> پایان می یابد. سپس در درون عنصر <html> یک عنصر <body> قرار گرفته است.
مثال شماره 2
<body>
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p>
</body> عنصر <body> بدنه ی سند را تعریف می کند. این عنصر با تگ <body> شروع می شود و با تگ <body/> پایان می یابد. سپس در داخل تگ <body> دو عنصر دیگر قرار می گیرند: عنصر <h1> و عنصر <p>:
مثال شماره 3
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p> عنصر <h1> یک عنوان(heading) را تعریف می کند. این عنصر با تگ <h1> شروع می شود و با تگ <h1/> پایان می یابد:
مثال شماره 4
<h1>اولین عنوان من</h1>
عنصر <p> یک پاراگراف را تعریف می کند. این عنصر با تگ <p> شروع می شود و با تگ <p/> پایان می یابد:
مثال شماره 5
<p>اولین پاراگراف من</p>
هرگز تگ پایانی را فراموش نکنید
برخی از عناصر HTML حتی اگر تگ پایانی آنها را ننویسیم، به درستی نشان داده می شوند:
مثال شماره 6
<html>
<body>
<p>این یک پاراگراف است
<p>این یک پاراگراف است
</body>
</html> اما هرگز به این روش عمل نکنید! زیرا اگر ما تگ های پایانی را فراموش کنیم، ممکن است با نتایج غیر منتظره مواجه شویم.
عناصر HTML خالی
به عناصری در HTML که هیچ محتوایی نداشته باشند، عناصر خالی گفته می شود. تگ <br> باعث می شود که خط شکسته شود، و یک عنصر خالی محسوب می شود و محتوا و تگ بسته ندارد.
مثال شماره 7
<p>در آموزشگاه مجازی سینا <br> می توانید زبان های برنامه نویسی وب را یاد بگیرید</p>HTML به حروف بزرگ و کوچک حساس نیست
تگ های HTML به حروف بزرگ و کوچک حساس نیستند، بعنوان مثال عناصر <p> و <P> یکسان هستند.
در استاندارد HTML نوشتن تگ ها با حروف کوچک ضروری نیست اما W3C توصیه می کند که از حروف کوچک در HTML استفاده کنیم و خواهان این است که برای سندهای سخت گیرانه تر مانند XHTML از حروف کوچک استفاده کنیم.
نکته: در آموزشگاه مجازی سینا، ما همواره از تگ ها با حروف کوچک استفاده می کنیم.
مرجع تگ های HTML
مرجع تگ های آموزشگاه مجازی سینا، حاوی اطلاعات اضافی در مورد این تگ ها و خصوصیات آنها می باشد.
| تگ | توضیحات |
|---|---|
| <html> | عنصر ریشه یک سند HTML را مشخص می کند. |
| <body> | بدنه ی سند را مشخص می کند. |
| <h1> تا <h6> | عنوان های HTML را مشخص می کند. |
برای مشاهده یک لیست کامل از تمام تگ های HTML به مقاله مرجع تگ های HTML مراجعه کنید.
- بازدید: 454
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.