فرق بین HTML و CSS چیه؟ و اصلا اینا چی هستن؟

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

خب حالا بیایم ببینیم اینا چی هستن، چرا مهمن، فرقشون چیه و اصلاً آیا میشه گفت برنامه‌نویسی هستن یا نه.

HTML _ CSS
HTML _ CSS

HTML چیه؟

پایه‌ی ساختمونه HTML مخفف HyperText Markup Languageـه. اسمش سنگینه ولی واقعیتش اینه که خیلی ساده‌ست. کارش اینه که اسکلت و بدنه‌ی یه صفحه‌ی وب رو می‌سازه.

اگه یه سایت رو مثل یه خونه فرض کنیم، HTML ستون‌ها، دیوارها، درها و پنجره‌هاست. مثلا می‌گی:

  • این یه عنوانه

  • این یه پاراگرافه

  • این یه لیسته

  • اینم یه دکمه‌ست (البته فعلاً خام و بی‌روح)

در واقع HTML فقط می‌گه چی کجاست. ظاهرش، رنگ و لعابش اصلاً براش مهم نیست.

  • <h1>سلام دنیا!</h1>

  • <p>به اولین صفحه‌ی من خوش اومدی.</p>

این دو خط ساده یه عنوان و یه پاراگراف می‌سازن. همین‌قدر ساده، همین‌قدر پایه‌ای.

CSS چیه؟

آرایشگر ماهر صفحه‌ت !! حالا که خونه‌ت رو با HTML ساختی، وقتشه یه دستی به سر و روش بکشی. اینجاست که CSS وارد میشه. CSS مخفف Cascading Style Sheets عه و وظیفه‌ش اینه که به اون ساختمون خام، رنگ و استایل بده. اگه HTML تنها باشه، خیلی بی‌روح میشه. همه چی مشکی روی سفید، بدون نظم و ترتیب درست‌حسابی. CSS میاد می‌گه:

  • عنوانت آبی بشه

  • متن وسط چین باشه

  • عکس‌ها گرد بشن

  • وقتی موس رفت رو دکمه، رنگش عوض بشه

تفاوت HTML و CSS چیه؟

خب این دوتا مثل نمک و فلفلن. هر کدوم یه کار خاص می‌کنن و به تنهایی کامل نیستن. HTML می‌گه چی هست؟ (مثلاً می‌گه این یه تیتره) ؛ CSS می‌گه چطوری نشون داده بشه؟ (مثلاً می‌گه رنگش قرمز باشه، اندازه‌ش بزرگ باشه). در واقع HTML می‌سازه، CSS خوشگلش می‌کنه. یکی بدون اون یکی ناقصه. مثل پیتزا بدون پنیر!!

آیا HTML و CSS زبان برنامه‌نویسی هستن؟

خب راستشو بخوای... نه! حداقل نه اون‌جوری که مردم فکر می‌کنن. چرا نه؟ چون: توشون شرط و حلقه و منطق برنامه‌نویسی نداریم. کدی نمی‌نویسیم که تصمیم بگیره چی بشه. مثلا نمی‌تونیم بگیم: اگه کاربر کلیک کرد، این کار رو بکن (با HTML و CSS خالی نمیشه)

پس چی هستن؟ اونا به اصطلاح markup language (برای HTML) و stylesheet language (برای CSS) هستن. برنامه‌نویسی واقعی اون چیزیه که با زبان‌هایی مثل JavaScript، Python، Java و اینا انجام می‌شه.

اما... نکته‌ی مهم اینه که بدون HTML و CSS، اصلاً نمی‌تونی به برنامه‌نویسی سمت فرانت (front-end) نزدیک بشی. یعنی تا این دوتا رو یاد نگیری، برنامه‌نویسی وب یه جورایی معنی نداره. پس نگیم برنامه‌نویسی نیستن و بی‌ارزشن، چون پایه‌ی کارن.

جمع‌بندی

HTML استخونه ؛ CSS گوشته

HTML می‌گه چی هست، CSS می‌گه چطوری نشونش بده.

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

#اینستاگرام ما -> erffan.yavari