المان ها (Elements)
«المان HTML» یعنی از تگ شروع تا تگ پایان و محتوا بینشان. این تعریف پایه است. مثل یک جعبه با درِ باز و بسته.
تعریف المان (HTML Element)
المان از تگ آغاز، محتوا، و تگ پایان ساخته می شود. برخی المان ها محتوای خالی دارند.
<tagname>Content goes here...</tagname>
چند نمونه ساده از المان ها
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>
نکته: برخی المان ها خالی اند. مثل <br>. این ها «Empty Element» هستند و پایان ندارند.
المان های تو در تو (Nested Elements)
المان ها می توانند داخل هم بیایند. کل سند از المان های تو در تو ساخته می شود.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
توضیح سریع
المان <html> ریشه سند است. <body> بدنه صفحه است. داخلش <h1> تیتر است و <p> پاراگراف است.
پایان تگ را جا نینداز
گاهی بدون تگ پایان هم نمایش می شود. اما هرگز روی آن حساب نکن.
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
هشدار: جا انداختن پایان می تواند خروجی را خراب کند.
المان های خالی (Empty Elements)
المان خالی محتوا ندارد. <br> یک خط جدید می اندازد و پایان ندارد.
<p>This is a <br> paragraph with a line break.</p>
حساسیت به حروف
تگ های HTML به بزرگی و کوچکی حروف حساس نیستند. بااین حال، حروف کوچک پیشنهاد می شود.
ادامه مسیر با المان ها
برای مرور پایه ها، به پایه ها سر بزن. همچنین درباره «ویژگی ها» در attributes بخوان. اگر خواستی، از همین جا با کلیک روی المان HTML نکات را مرور کن.
جمع بندی سریع
- المان = شروع، محتوا، پایان.
- برخی المان ها خالی اند؛ پایان ندارند.
- المان ها تو در تو می آیند.
- پایان تگ را فراموش نکن.
- تگ ها به حروف حساس نیستند.