درس چهارم : عناصر HTML

عناصر HTML (HTML Elements)

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

عناصر HTML

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

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

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

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
<br>	none	none

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

عناصر HTML تو در تو (Nested)

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

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

مثال:

<!DOCTYPE html>
<html>
<body>

  <h1>My First Heading</h1>
  <p>My first paragraph.</p>

</body>
</html>

خروجی مثال بالا:

My First Heading

My first paragraph.

هرگز تگ پایان را فراموش نکنید

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

<p>This is a paragraph
<p>This is a paragraph

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

عناصر خالی HTML

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

تگ <br> یک شکست خط (Line Break) را تعریف می‌کند و یک عنصر خالی بدون تگ بستن است:

مثال:

<p>This is a <br> paragraph with a line break.</p>

This is a
paragraph with a line break.

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

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

استاندارد HTML تگ‌های حروف کوچک را الزامی نمی‌داند، اما W3C حروف کوچک را برای HTML توصیه و برای انواع اسناد سخت‌گیرانه‌تر مانند XHTML الزام می‌کند.

تمرین (Exercise):

درست یا غلط؟ عناصر خالی (Empty elements) باید تگ بستن داشته باشند.

۱. درست (True)

۲. غلط (False) – پاسخ صحیح

مرجع تگ‌های HTML

تگ	توضیحات
<html>	ریشه یک سند HTML را تعریف می‌کند.
<body>	بدنه سند را تعریف می‌کند.
<h1> to <h6>	تیترهای HTML را تعریف می‌کنند.

درس قبلی

بازگشت به دوره

درس بعدی