معرفی HTML
HTML چیست، چه نقشی در ساخت صفحات وب دارد و چرا یادگیری آن اولین قدم توسعه وب است؟
HTML چیست؟
HTML (HyperText Markup Language یا «زبان نشانه‌گذاری ابرمتن») زبان استاندارد و پایه برای ساخت صفحات وب است. HTML ساختار و اسکلت‌بندی یک صفحه وب را تعریف می‌کند؛ یعنی مشخص می‌کند که چه بخشی عنوان است، چه بخشی پاراگراف است، کجا تصویر قرار دارد، کجا فرم است و غیره.
هر سایتی که در مرورگر می‌بینید — از کوچک‌ترین وبلاگ تا بزرگ‌ترین پلتفرم‌ها — در پایه‌ترین لایه خود از HTML ساخته شده است.
HTML یک زبان برنامه‌نویسی نیست!
یکی از اشتباهات رایج این است که HTML را یک «زبان برنامه‌نویسی» می‌دانند. اما HTML یک زبان نشانه‌گذاری (Markup) است، نه یک زبان برنامه‌نویسی.
| زبان برنامه‌نویسی | زبان نشانه‌گذاری (HTML) |
|---|---|
| دارای منطق (if، حلقه، تابع) | بدون منطق و محاسبه |
| محاسبات انجام می‌دهد | فقط ساختار را تعریف می‌کند |
| مثل Python، JavaScript | مثل HTML، XML |
به‌بیان ساده: HTML به مرورگر می‌گوید «چه چیزی» نمایش داده شود، نه «چگونه» (که کار CSS است) یا «چه رفتاری» داشته باشد (که کار JavaScript است).
سه ستون توسعه وب
هر صفحه وب مدرن از سه فناوری اصلی تشکیل شده است:
- HTML — ساختار و محتوا (اسکلت)
- CSS — ظاهر و استایل (پوست و لباس)
- JavaScript — رفتار و تعامل (عضله و حرکت)
این دوره روی HTML تمرکز دارد؛ یعنی اولین و مهم‌ترین قدم در مسیر توسعه وب.
یک صفحه HTML از چه چیزهایی تشکیل شده؟
- تگ‌ها (Tags): کلمات کلیدی داخل علامت کوچک‌تر و بزرگ‌تر، مثل
<p>برای پاراگراف یا<h1>برای تیتر - ویژگی‌ها (Attributes): اطلاعات اضافی روی تگ‌ها، مثل
classیاid - محتوا (Content): متن، تصویر، ویدیو، صدا و...
تاریخچه مختصر HTML
HTML توسط تیم برنرز-لی (Tim Berners-Lee) در سال ۱۹۹۱ اختراع شد. هدف او ایجاد سیستمی برای به اشتراک‌گذاری اسناد علمی در اینترنت بود.
| نسخه | سال | ویژگی برجسته |
|---|---|---|
| HTML 1.0 | ۱۹۹۱ | نسخه اولیه — متن و لینک ساده |
| HTML 2.0 | ۱۹۹۵ | فرم‌ها و تصاویر |
| HTML 4.01 | ۱۹۹۹ | استایل و اسکریپت |
| XHTML | ۲۰۰۰ | قوانین سخت‌گیرانه‌تر XML |
| HTML5 | ۲۰۱۴ | تگ‌های معنایی، رسانه، APIهای قدرتمند |
نسخه فعلی که امروز استفاده می‌کنیم HTML5 است که امکانات بسیار گسترده‌ای ارائه می‌دهد و همچنان در حال تکامل است (به آن HTML زنده یا «Living Standard» می‌گویند).
چرا HTML یاد بگیریم؟
- پایه و اساس هر کار در توسعه وب است
- یادگیری آن ساده و شیرین است
- بدون نیاز به نرم‌افزار خاصی — فقط یک مرورگر و ویرایشگر متن
- اولین قدم برای یادگیری CSS و JavaScript
- برای سئو، دیجیتال مارکتینگ و حتی طراحی ایمیل هم کاربرد دارد
ابزارهای مورد نیاز
برای نوشتن HTML فقط به دو چیز نیاز دارید:
- یک ویرایشگر متن — مثل VS Code، Sublime Text یا حتی Notepad
- یک مرورگر وب — مثل Chrome، Firefox یا Edge
در این دوره نیازی به نصب چیزی ندارید؛ ویرایشگر کد آنلاین ما در هر مبحث آماده است تا بلافاصله تمرین کنید!
اولین صفحه HTML
هر صفحه HTML با ساختار پایه‌ای مشخصی شروع می‌شود. در مثال زیر ساختار استاندارد یک صفحه را می‌بینید. آن را امتحان کنید و نتیجه را ببینید!
این مبحث بخشی از دوره آموزش کامل HTML است.