HTML زبان نشانه‌گذاری صفحه‌های وب است. «نشانه‌گذاری» یعنی شما با برچسب‌هایی مثل <h1> و <p> به مرورگر می‌گویید هر تکه از محتوا چه نقشی دارد: این عنوان است، این پاراگراف است، این تصویر است. HTML زبان برنامه‌نویسی نیست و منطق یا محاسبه ندارد؛ فقط ساختار را توصیف می‌کند.

یک مثال ساده#

فرض کنید صفحه‌ای برای معرفی یک مغازه می‌سازید:

HTML
<h1>فروشگاه نمونه</h1>
<p>ارسال به سراسر ایران</p>
<a href="/contact">تماس با ما</a>

مرورگر این سه خط را می‌خواند و یک تیتر بزرگ، یک پاراگراف و یک لینک قابل کلیک نشان می‌دهد. ظاهر و رنگ را CSS و رفتار پویا را جاوااسکریپت اضافه می‌کند.

چرا مهم است#

  • هر صفحه‌ی وب، حتی در سنگین‌ترین سایت‌ها، در نهایت به HTML تبدیل می‌شود و به مرورگر می‌رسد.
  • موتورهای جستجو و ابزارهای کمک‌خوان برای نابینایان از روی برچسب‌ها می‌فهمند صفحه درباره‌ی چیست. استفاده‌ی درست از <h1> تا <h6>، <nav> و <button> هم به سئو کمک می‌کند و هم به دسترس‌پذیری.
  • یادگیری پایه‌های آن در چند روز ممکن است و دروازه‌ی ورود به دنیای وب است.

کجا با آن روبه‌رو می‌شوید#

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

اشتباه رایج#

بعضی HTML را با «طراحی سایت» یکی می‌گیرند. HTML فقط اسکلت است؛ ظاهر با CSS و عملکرد با جاوااسکریپت یا سمت سرور ساخته می‌شود.