عنصرها، تگ‌ها و ویژگی‌ها

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

<p>این یک پاراگراف است.</p>

• ‎<p>‎ تگ باز است؛ ‎</p>‎ تگ بسته (همان نام با یک خط کج).
• متن وسط، محتوای عنصر است.
• نام تگ‌ها را با حروف کوچک بنویسید؛ مرورگر هر دو را می‌پذیرد ولی قرارداد همین است.

تو‌در‌تو

عنصرها داخل هم قرار می‌گیرند؛ آن‌که دیرتر باز شده، زودتر بسته می‌شود — مثل جعبه‌ای در جعبه.

<!-- درست -->
<p>این <strong>مهم</strong> است.</p>

<!-- نادرست: ترتیب بستن جابه‌جاست -->
<p>این <strong>مهم</p></strong>

عنصرهای بدون تگ بسته

چند عنصر محتوا ندارند و تگ بسته هم ندارند: ‎<br>‎ (شکستن خط)، ‎<hr>‎ (خط جداکننده)، ‎<img>‎ (تصویر)، ‎<meta>‎ و ‎<input>‎. به این‌ها عنصر تهی (void) می‌گویند.

ویژگی‌ها

ویژگی‌ها اطلاعات اضافه‌ای دربارهٔ عنصرند و همیشه در تگ باز نوشته می‌شوند: ‎name="value"‎. چند ویژگی پرکاربرد:

• ‎id‎ — نام یکتای یک عنصر در صفحه (فقط یک بار).
• ‎class‎ — نام گروهی؛ چند عنصر می‌توانند یک class داشته باشند و CSS از همین برای رنگ و شکل استفاده می‌کند.
• ‎href‎ مقصد لینک، ‎src‎ نشانی تصویر، ‎alt‎ توضیح تصویر، ‎lang‎ زبان.

<p id="about" class="intro">سلام، من <strong>برنامه‌نویسم</strong>.</p>
<hr>