HTML Introduction
HTML چیست؟
- HTML مخفف کلمات Hyper Text Markup Language می‌باشد.
- HTML زبان نشانه‌گذاری استاندارد برای طراحی صفحات وب است.
- HTML ساختار صفحه وب را توصیف می‌کند.
- HTML شامل یک سری عناصر است.
- عناصر HTML به مرورگر می‌گویند که چگونه محتوا را نشان دهد.
- عناصر HTML به هر قسمت از محتوا یک برچسب می‌زنند. مثلا می‌گویند، "این یک تیتر است"، "این یک پاراگراف است"، "این یک لینک است" و...
یک سند HTML ساده
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
خروجی:
توضیح کد بالا
-
<!DOCTYPE html>بیان می‌دارد که این یک سند HTML5 است. -
عنصر
<html>عنصر ریشه یک صفحه HTML است. -
عنصر
<head>شامل اطلاعات متا (meta information) درباره صفحه HTML است. -
عنصر
<title>عنوان صفحه HTML را مشخص می‌کند (که در نوار عنوان مرورگر و یا در تب صفحه نمایش داده می‌شود.) -
عنصر
<body>بدنه سند را تعریف می‌کند و یک نگهدارنده (container) برای همه محتوای قابل مشاهده، نظیر، تیترها، پاراگراف‌ها، تصاویر، جدول‌ها، لیست‌‌ها و ... است. -
عنصر
<h1>یک تیتر بزرگ را تعریف می‌کند. -
عنصر
<p>یک پاراگراف را تعریف می‌کند.
عنصر HTML چیست؟
یک عنصر HTML بوسیله برچسب شروع، مقداری محتوا و یک برچسب پایان تعریف می‌شود:
<tagname> Content goes here... </tagname>
عنصر HTML همه آنچه که از برچسب شروع تا پایان است را شامل می‌شود.
<h1>My First Heading</h1>
<p>My First paragraph.</p>
| برچسب شروع | محتوای عنصر | برچسب پایان |
|---|---|---|
| <h1> | My First Heading | <h1/> |
| <p> | .My first paragraph | <p/> |
| <br> | ندارد | ندارد |
توجه: برخی از عناصر HTML محتوایی ندارند. مانند عنصر <br>. به این عناصر، عناصر خالی گفته می‌شود. عناصر خالی برچسب پایان ندارند.
مرورگرهای وب
هدف یک مرورگر وب نظیر Chrome ،Edge ،Firefox و ... خواندن سندهای HTML و نمایش صحیح آنها است.
یک مرورگر عناصر HTML را نشان نمی‌دهد بلکه از آنها جهت تعیین نحوه نمایش سند استفاده می‌کند.
ساختار صفحه HTML
در زیر تصویری از ساختار صفحه HTML نشان داده شده است.
توجه: محتوای داخل عنصر <body> در مرورگر نمایش داده می‌شود. محتوای داخل عنصر <title> در نوار عنوان مرورگر یا تب صفحه نمایش داده می‌شود.