تفاوت html و css

امتیاز
0
(0)
۹ تیر ۱۳۹۹
توسط مهسا هاشمی
826 بازدید
0 دیدگاه
توسط مهسا هاشمی

وقتی صحبت از طراحی سایت میشود, html و css دو جنبه متفاوت هستند که دست در دست به کمک شما می آیند. بنابراین تفاوت html و css چیست؟ اگر بخواهیم کوتاه جواب دهیم؛ اگر قصد طراحی وبسایت برای کسب وکار خود داشته باشید مانند آن است که بخواهید خانه ایی را بسازید. دیوار های خانه html هستند و رنگ روی دیوار css هستند. بنابراین html ساختار سایت شما را تشکیل میدهد و css سبک وب سایت شما را تشکیل میدهد.
اگر به صورت خلاصه بخواهیم تفاوت فایل html و css را بگوییم؛ این است که شما میتوانید از css در یک فایل html استفاده کنید, اما نمیتوانید از html در یک صفحه css استفاده کنید.

تفاوت html و css

Html چیست؟

برای دانستن تفاوت html و css بهتر است بدانیم, html چیست؟ Html مخفف شده کلمات Hypertext Markup Language است. بنابراین برای توسعه طرح وبسایت برای ارائه محتوا از آن استفاده میکنند. از عناوین گرفته تا بدنه نوشته ها, عکس ها و هر آنچه که بخواهید در صفحات سایت خود آپلود کنید را با کد های html انجام میدهید.
از طرفی کد های html مسئولیت لینک های نوشته را بر عهده دارند. این کد ها کار های بسیاری را انجام میدهند, به عنوان مثال: لینک صفحات دیگر در وب سایت و پخش یک ویدئو.

کاربرد های html

  • بازیابی آنلاین اطلاعات از طریق لینک های Hypertext با کلیک کردن روی یک دکمه.
  • انتشار آنلاین فایل ها با تیتر, متن, جدول, لیست و غیره.
  • طراحی قالب های انجام عملی در سایت. مانند: جستجوی اطلاعات, انجام رزرو ها, سفارش محصولاتو غیره.
  • قرار دادن اپ ها در فایل های مربوطه. صفحه گسترده ( spreadsheet ), کلیپ های ویدئویی, فایل های صوتی و غیره.

HTML شامل تگ های است که محتوا را احاطه میکنند.
مثال: <TAG/> محتوا <TAG>

Css چیست؟

برای دانستن تفاوت html و css بهتر است بدانیم css چیست؟ Css مخفف کلمات Cascading Style Sheet است که به کمک کد های html به زیبایی و ظاهر سایت شما کمک میکنند.
این کد ها عناصری مانند: نوع فونت, اندازه متن و رنگ پس زمینه را کنترل میکنند. یکی از بهترین قسمت های css این است که به راحتی با کد های html لینک میشوند و روند زیباسازی سایت شما تا حد ممکن بی دردسر انجام میشود.

کاربرد css

  • طراحی رنگ, فونت و صفحه بندی. مانند: تیتر, متن, جدول, لیست, تصاویر و غیره.
  • یکپارچه سازی ظاهر پلتفرم ها. مانند: اسکرین های بزرگ و کوچک.
  • اصلاح کردن استایل سایت بدون تغییر عناصر HTML.
  • تنظیم و اصلاح صفحات مختلف وب با استفاده از یک استایل شیت.

شاخص تشخیص کد های css, یک علامت selector است که بعد از آن بلوک declaration می آید.
مثال: {؛مقدار : مشخصه }

نحوه لینک کردن css به html

برای آنکه بتوانیم از امکانات فوق العاده موجود از طریق css استفاده کنیم, باید آن را به html پیوند دهیم یا به اصطلاح لینک کنیم.
به عنوان مثال: در اینجا کد های css به html لینک شدن.
<link rel=”stylesheet” type=”text/css” href=”main.css”/>
همانطور که میبینید؛ در این خط کلمه (rel) نشان دهنده ارتباط این کد ها است.

البته که html و css , تفاوت ها و همچنین پیچیدگی های بسیار زیادی دارند که اگر میخواهید بیشتر بدانید, نیاز به یادگیری بسیار تخصصی دارید. برای طراحی سایت دانستن کدنویسی و نرم افزار های کد نویسی واجب است.

کلام آخر

هر طراح سایت باید بداند کد نویسی چیست؟ html چیست؟ یا CSS چیست؟ در این مطلب برای شما با عنوان” تفاوت HTML و CSS “اطلاعاتی را گفتیم. البته نا گفته نماند که در آینده در مورد جاوا اسکریپت (java script) و کاربرد های آن توضیح خواهیم داد. کافی است مطالب سایت طراحان ایرانیان را دنبال کنید و جواب سوالاتتان را پیدا کنید. اگر برای طراحی سایت سوالاتی دارید با کارشناسان طراحان ایرانیان تماس بگیرید. ۰۳۱۹۱۰۰۲۱۰۱

اشتراک گذاری مطلب:

این مطلب چقدر مفید بود؟

برای امتیاز دادن روی یک ستاره کلیک کنید!

میانگین امتیاز 0 / 5. تعداد آرا: 0

تاکنون رأی ثبت نشده است! اولین کسی باشید که این پست را ارزیابی می کنید

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

بیشتر بخوانید

طراحی سایت بیمه
طراحی سایت بیمه

همه ما برای صرفه جویی در زمان و سرعت بخشیدن به برنامه ها, تمایل داریم از روش آنلاین کار های روزانه خود را انجام دهیم. اولین قدم برای ...

بیشتر
طراحی اپلیکیشن
طراحی اپلیکیشن

همانطور که میدانید در عصر دیجیتال زندگی میکنیم و بیشتر کار های روزمره ما به صورت آنلاین انجام میشود. امروزه صاحبان کسب و کار برای ارائه خدمات و ...

بیشتر
طراحی سایت ورزشی
طراحی سایت ورزشی

طرفداران ورزش هر روز بیشتر از روز قبل میشوند. همانطور که میدانید دیگر در دنیای آنلاین زندگی میکنیم و همه به دنبال طراحی سایت, طراحی اپلیکیشن, طراحی پورتال ...

بیشتر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×