۳- عناصر HTML

۱۸ اسفند ۱۴۰۳
0 دیدگاه

عناصر HTML چیستند؟

یک عنصر HTML با یک تگ آغازین، مقداری محتوا و یک تگ پایانی تعریف می‌شود.
عنصر HTML شامل همه چیز از تگ آغازین تا تگ پایانی است:

<tagname>محتوا اینجا قرار می‌گیرد...</tagname>

توجه: برخی از عناصر HTML هیچ محتوایی ندارند (مانند عنصر <br>). این عناصر به‌عنوان عناصر خالی شناخته می‌شوند. عناصر خالی تگ پایانی ندارند!

عناصر تو در تو در HTML

عناصر HTML می‌توانند تو در تو باشند (یعنی عناصر می‌توانند شامل عناصر دیگر شوند).

همه اسناد HTML از عناصر HTML تو در تو تشکیل شده‌اند.

مثال زیر شامل چهار عنصر HTML است (<html> ،<body> ،<h1> و <p>):

<!DOCTYPE html>
<html>
<body>
    <h1>اولین عنوان من</h1>
    <p>اولین پاراگراف من.</p>
</body>
</html>
توضیح مثال:
عنصر <html> عنصر ریشه است و کل سند HTML را تعریف می‌کند. این عنصر دارای یک تگ آغازین <html> و یک تگ پایانی </html> است. سپس، داخل عنصر <html> یک عنصر <body> قرار دارد.

عنصر <body> بدنه سند را تعریف می‌کند. این عنصر دارای یک تگ آغازین <body> و یک تگ پایانی </body> است. سپس، داخل عنصر <body> دو عنصر دیگر وجود دارد: <h1> و <p>

عنصر <h1> یک عنوان را تعریف می‌کند. این عنصر دارای یک تگ آغازین <h1> و یک تگ پایانی </h1> است.

عنصر <p> یک پاراگراف را تعریف می‌کند. این عنصر دارای یک تگ آغازین <p> و یک تگ پایانی </p> است.

هرگز تگ پایانی را حذف نکنید

برخی از عناصر HTML حتی اگر تگ پایانی را فراموش کنید، به‌درستی نمایش داده می‌شوند:

<!DOCTYPE html>
<html>
<body>
    <p>اولین پاراگراف من.
</body>
</html>

با این حال، هرگز به این موضوع اعتماد نکنید! اگر تگ پایانی را فراموش کنید، ممکن است نتایج غیرمنتظره و خطاهایی رخ دهد!

عناصر خالی HTML

عناصر HTML بدون محتوا عناصر خالی نامیده می‌شوند.

تگ <br> رفتن به خط بعد را تعریف می‌کند و یک عنصر خالی بدون تگ بسته است:

<p>این یک <br> پاراگراف در خط بعد است.</p>

HTML به بزرگی و کوچکی حروف حساس نیست

تگ‌های HTML به بزرگی و کوچکی حروف حساس نیستند: <P> همان معنی <p> را دارد.

استاندارد HTML استفاده از حروف کوچک را الزامی نمی‌کند، اما آموزشگاه لمپا استفاده از حروف کوچک را در HTML توصیه می‌کند.

0 دیدگاه