دوره‌ها / HTML / المان های HTML

المان های HTML

5 دقیقه Article پیش‌نمایش

عناصر HTML

یک عنصر HTML توسط یک تگ شروع، مقداری محتوا و یک تگ پایان تعریف می‌شود.

عناصر HTML

المان HTML شامل همه چیز از تگ شروع تا تگ پایان است:

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

نمونه‌هایی از برخی عناصر HTML:

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>
تگ شروع محتوای المان تگ پایان
<h1> اولین عنوان من </h1>
<p> اولین پاراگراف من </p>
<br> هیچ‌چیز ندارد

نکته: برخی المان‌های 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>

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>

</body>

المان <body> بدنه سند را تعریف می‌کند.

این المان دارای یک تگ شروع <body> و یک تگ پایان </body> است.

سپس، داخل المان <body> دو المان دیگر وجود دارد: <h1> و <p>:

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>

المان <h1> یک عنوان را تعریف می‌کند.

این المان دارای یک تگ شروع <h1> و یک تگ پایان </h1> است:

<h1>اولین عنوان من</h1>

المان <p> یک پاراگراف را تعریف می‌کند.

این المان دارای یک تگ شروع <p> و یک تگ پایان </p> است:

<p>اولین پاراگراف من.</p>

آماده رفتن به درس بعدی هستید؟

این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.

برای ذخیره پیشرفت وارد شوید