جلسه ۰۳ – فرق HTML و CSS
قبل از وارد شدن به بحث یادگیری تخصصی، لازمه که یک سری چیزها رو در مورد CSS و HTML بیشتر بدونیم و تفاوتشون رو بررسی کنیم.
آیا CSS زبان برنامهنویسی است؟
قبل از پاسخ دادن به این پرسش، باید بدونیم منظور از زبان برنامهنویسی چیه؟
ساده بگیم: زبان برنامهنویسی، زبانی هست که در اون از شرطها، حلقه ها و اینطور قوانینی استفاده میشه. اما در CSS و HTML، این قوانین رو نداریم. در واقع HTML یک زبان نشانه گذاری و CSS، یک زبان شیوه نامه هست.
زبان نشانه گذاری یا markup language، زبانی هست که بر اساس یک سری از قواعد، وظیفه چینش درست متن و در کل، محتوا رو برعهده میگیره و تا حد ابتداییای، میتونه اون هارو ویرایش کنه. البته قبلا درباره اچ تی ام ال چیست صحبت کردیم.
زبان شیوه نامه (استایل دهی) یا style sheet language، زبانی هست که نحوه نمایش متن و محتوای تولید شده توسط زبان نشانه گذاری رو برعهده داره.
حالا با علم به این چند خط از اطلاعات، به سوال اصلی این مقاله بپردازیم:
در جلسه اول با عنوان CSS چیست توضیح دادیم که CSS وب سایتی که توسط HTML طراحی شده رو استایل میده و نحوه نمایشش رو مشخص میکنه! آیا CSS زبانی جداگونه از HTML هست؟
پاسح منفیه. بیاید به طوطیای که در جلسه اول با کمک اون، مفهوم HTML و CSS رو درک کردیم رو بار دیگه ملاقات کنیم!
اشتباهی که اکثر هنرجوهای عزیز در اول کار میکنن، اینه که ممکنه فکر کنن پیج های بدون استایل و زشت با HTML طراحی میشن، و پیج های زیبا با CSS !!!
درحالی که HTML، یک همراه همیشگی برای CSS محسوب میشه.
- HTML، اسکلت، گوشت و پوست طوطی ما رو تشکیل میده!
- CSS، پرها و جذابیت این طوطی رو بر عهده داره!
- زبان های دیگه مثل جاوااسکریپت، بال زدن و صحبت کردن ایشون رو برعهده دارن!
بنابراین این دو زبان، یعنی HTML و CSS، در کنار هم، صفحه استاتیک یک وب سایت رو طراحی میکنن.
حالا چطوری باهم مرتبط میشن؟
فایل CSS، فایل HTML
همونطور که در آموزش HTML، یاد گرفتین، کد های HTML با پسوند html و به فرم زیر ذخیره میشن:
- file.html
کد های CSS هم به همین فرم و در فایل جداگونه ای با پسوند css ذخیره میشن:
- file.css
ما توسط یک سری کدها در فایل HTML خودمون، میتونیم این دو فایل رو بهم مرتبط کنیم و باعث بشیم که روی هم اثر بزارن. این قوانین رو در فصل سوم به صورت کامل باهم یاد میگیریم.
جمع بندی
در این مقاله یک مقدار کلی تر به HTML و CSS نگاه کردیم و تفاوتهای موجود بین این زبانها را بررسی کردیم.
اگه نکته، پیشنهاد و انتقادی در رابطه با آموزشها دارین، خیلی خیلی خوشحال میشیم که اون رو با ما به اشتراک بزارین 🙂❤
نویسنده : father phury