مقدمه HTML
مقدمه‌ای بر HTML
HTML زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب است.
HTML چیست؟
- HTML مخفف Hyper Text Markup Language (زبان نشانه‌گذاری ابرمتنی) است
- HTML زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب است
- HTML ساختار یک صفحه وب را توصیف می‌کند
- HTML از یک سری عنصر (Element) تشکیل شده است
- عناصر HTML به مرورگر می‌گویند که چگونه محتوا را نمایش دهد
- عناصر HTML تکه‌های محتوا را برچسب‌گذاری می‌کنند، مثلاً "این یک عنوان است"، "این یک پاراگراف است"، "این یک لینک است" و غیره
یک سند HTML ساده
مثال
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>توضیح مثال
- اعلان
<!DOCTYPE html>مشخص می‌کند که این سند یک سند HTML5 است - المان
<html>عنصر ریشه یک صفحه HTML است - المان
<head>شامل اطلاعات متا درباره صفحه HTML است - المان
<title>یک عنوان برای صفحه HTML مشخص می‌کند (که در نوار عنوان مرورگر یا تب صفحه نشان داده می‌شود) - المان
<body>بدنه سند را تعریف می‌کند و یک ظرف برای تمام محتواهای قابل مشاهده مانند عنوان‌ها، پاراگراف‌ها، تصاویر، هایپرلینک‌ها، جداول، لیست‌ها و غیره است - المان
<h1>یک عنوان بزرگ را تعریف می‌کند - المان
<p>یک پاراگراف را تعریف می‌کند
یک المان HTML چیست؟
یک المان HTML توسط یک تگ شروع، مقداری محتوا و یک تگ پایان تعریف می‌شود:
<tagname> محتوا اینجا قرار می‌گیرد... </tagname>المان HTML شامل همه چیز از تگ شروع تا تگ پایان است:
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>| تگ شروع | محتوای المان | تگ پایان |
<h1> |
اولین عنوان من | </h1> |
<p> |
اولین پاراگراف من | </p> |
<br> |
هیچ‌چیز | ندارد |
نکته: برخی المان‌های HTML محتوایی ندارند (مانند المان <br>). این المان‌ها المان‌های خالی نامیده می‌شوند. المان‌های خالی تگ پایان ندارند!
مرورگرهای وب
هدف مرورگر وب (Chrome، Edge، Firefox، Safari) خواندن اسناد HTML و نمایش صحیح آنهاست.
مرورگر تگ‌های HTML را نمایش نمی‌دهد، بلکه از آنها برای تعیین نحوه نمایش سند استفاده می‌کند.
ساختار صفحه HTML
تاریخچه HTML
از روزهای اولیه وب جهانی، نسخه‌های بسیاری از HTML وجود داشته است:
| سال | نسخه |
| ۱۹۸۹ | تیم برنرز-لی وب جهانی را اختراع کرد |
| ۱۹۹۱ | تیم برنرز-لی HTML را اختراع کرد |
| ۱۹۹۳ | دیو راگت پیش‌نویس HTML+ را تهیه کرد |
| ۱۹۹۵ | گروه کاری HTML، HTML 2.0 را تعریف کرد |
| ۱۹۹۷ | توصیه W3C: HTML 3.2 |
| ۱۹۹۹ | توصیه W3C: HTML 4.01 |
| ۲۰۰۰ | توصیه W3C: XHTML 1.0 |
| ۲۰۰۸ | پیش‌نویس عمومی اول WHATWG HTML5 |
| ۲۰۱۲ | استاندارد زنده WHATWG HTML5 |
| ۲۰۱۴ | توصیه W3C: HTML5 |
| ۲۰۱۶ | توصیه کاندید W3C: HTML 5.1 |
| ۲۰۱۷ | توصیه W3C: HTML5.1 ویرایش دوم |
| ۲۰۱۷ | توصیه W3C: HTML5.2 |
این آموزش از آخرین استاندارد HTML5 پیروی می‌کند.
آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.