فصل ۱ | مقدمه

HTML چیست و چه کاربردی دارد؟

HTML مخفف عبارت «Hyper Text Markup Language» است؛ زبانی که مرورگرها برای نمایش صفحات وب از آن استفاده می‌کنند. برخلاف زبان‌های برنامه‌نویسی مثل جاوااسکریپت، HTML یک زبان نشانه‌گذاری است، یعنی وظیفه‌اش توصیف ساختار و معنای محتوا است، نه اجرای منطق یا محاسبات.

هر سند HTML از مجموعه‌ای «برچسب» یا Tag تشکیل شده که محتوای درون خودشان را توصیف می‌کنند. مرورگر این برچسب‌ها را می‌خواند و بر اساس معنایی که هر کدام دارند، محتوا را به شکل مناسب روی صفحه نمایش می‌دهد؛ برای مثال یک متن را به‌عنوان تیتر بزرگ، متن دیگری را به‌عنوان پاراگراف ساده و تصویری را در کنار متن قرار می‌دهد.

نکته: خودِ برچسب‌های HTML روی صفحه دیده نمی‌شوند؛ آن‌ها فقط به مرورگر می‌گویند محتوای داخلشان چه نقشی دارد.

یک مثال بسیار ساده

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

example.html
<!DOCTYPE html>
<html>
<head>
    <title>اولین صفحه من</title>
</head>
<body>

    <h1>سلام، دنیا!</h1>
    <p>این اولین پاراگراف من در HTML است.</p>

</body>
</html>

HTML دقیقاً چه کار می‌کند؟

  • ساختار یک صفحه‌ی وب را مشخص می‌کند (کدام بخش تیتر است، کدام بخش لیست است و…)
  • می‌تواند تصویر، صدا، ویدئو و فایل‌های دیگر را در صفحه جای دهد.
  • صفحات مختلف را از طریق لینک به یکدیگر متصل می‌کند.
  • فرم‌ها را برای دریافت اطلاعات از کاربر می‌سازد.
  • پایه و اسکلتی است که CSS برای ظاهر و جاوااسکریپت برای رفتار، روی آن سوار می‌شوند.

نکته‌ی مهم این است که HTML به‌تنهایی یک زبان بسیار ساده است و یادگیری مفاهیم پایه‌ی آن معمولاً چند روز بیشتر طول نمی‌کشد؛ بخش دشوار وب‌سازی معمولاً در CSS (استایل‌دهی) و جاوااسکریپت (رفتار پویا) است، نه در خودِ HTML.