1. خانه
  2. مجله لیموناد
  3. برنامه نویسی
  4. توسعه وب
  5. CSS
  6. html چیست و چرا همیشه با css همراه است

html چیست و چرا همیشه با css همراه است

نویسنده:

زمان مطالعه: 4 دقیقه

html چیست

html چیست و چرا همیشه با css همراه است

نویسنده:

مطالعه: 4 دقیقه

html زبانی است که مرورگر هایی مثل کروم آن را می فهمند و آن را نمایش می دهند. ابتدا به روشی ساده و سریع  html را توضیح می دهیم سپس توضیح تخصصی در مورد آن بیان می کنیم و ساده ترین راه ساخت یک فایل html است که کمتر از 1 دقیقه زمان می برد.

  1. در دسکتاپ کلیک راست کنید از new بروی text document بزنید. تا یک فایل با فورمت txt ایجاد شود.
  2. سپس فایل را باز کنید و کد زیر را در آن بنویسید
    <h1>
    نام شما
    </h1>
    <h6>
    نام دوست شما
    </h6>
  3. فایل را ذخیره کنید و ببندید.
  4. بروی فایل کلیک راست کنید و properties را بزنید و مانند تصویر، انتهای نام فایل را از txt به html تغییر دهید و گزینه yes را بزنید.html چیست
  5. سپس فایل را باز کنید. تبریک می گم اولین کد html را نوشتید.

 

به طور تخصصی تر به html نگاه کنیم

واژه HTML  مخفف Hyper Text Markup Language به معنای زبان نشانه گذاری فوق متن است. تمام وب سایت ها از کد html برای نمایش محتوا استفاده می کنند.

برای این که متوجه کاربرد html شوید اجازه بدهید نحوه کارکردن تمام وب سایت ها را در 3 مرحله برای شما توضیح بدهم. سپس می توانید جایگاه html را در وبسایت درک کنید.

بیشتر بخوانید  moodle چیست- مودل شبیه به وردپرس است ولی

وب سایت چیست؟

تمام کاری که یک وب سایت انجام می دهد در سه مرحله زیر خلاصه می شود

هنگامی که شما یک آدرس را مرورگر خود مثل آدرس همین صفحه ای که توش هستید را وارد می کنید:

  1. این در خواست به یک کامپیوتر که همیشه به اینترنت وصل می باشد و بلاگ رسانه آموزشی لیموناد روی آن قرار دارد فرستاده می شود. که در اصطلاح به آن کامپیوتر سرور گفته می شود.
  2. سپس سرور بررسی می کند که آدرس که وارد شده است مربوط به کدام صفحه است، اطلاعات آن صفحه را درون کد های html می ریزد و یک صفحه مانند آنچه که شما ساختید می سازد ولی اینبار این صفحه html اتوماتیک و توسط کد های سمت سرور مثل (php) ساخته می شود.
  3. این صفحه برای مرورگر شما فرستاده می شود و مرورگر شما آن را نمایش می دهد.

با این توضیحات درک این موضوع راحتر می شود که چرا وقتی دیجیکالا تخفیف زیاد در یک روز می گزارد ممکن است صفحه های تخفیف ان باز نشود یا چرا موقعی که جواب کنکور میاد صفحه سایت سنجش باز نمی شود، زیرا  هزاران نفر همزمان درحال درخواست آن صفحه را از یک کامپیوتر تنها دارند.

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

تعریف فنی تر از html

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

بیشتر بخوانید  کدام زبان برنامه نویسی برای شروع بهتر است

همین صفحه پیش روی را در حال مشاهده آن هستید می تواند به شکل های مختلف نمایش داده شود، عنوان می تواند در پایان مقاله بیاید منو می تواند در سمت چپ بیاید و هر تیکه از تصویر و متن می تواند توسط تگ های html تغییر کند.

چرا همیشه html در کنار css شنیده می شود!

هنگامی که شما ساختار صفحه را تنظیم کردید اگر بخواهید رنگ یک متن قرمز شود یا اگر بخواهید در اطراف یک متن کادر نمایش داده شود باید با css به html بفهمانید.

برای این که مثل html به کاربرد css پی ببرید:

  1. بروی فایلی که ایجاد کردید کلیک راست کنید open with را بزنید و برنامه notepad را انتخاب کنید تا فایل باز شود.
  2. سپس کد های زیر را به پایین کد های قبلی اضافه کنید و فایل را ذخیره کنید و مجددا آن را باز کنید.
    <h1 style=”color:red”>قرمز</h1>
    <h1 style=”color:blue”>قرمز</h1>
    <h1 style=”color:green;border-style:groove;border-color:blue;”>سبز</h1>

html و css چیست

چه روشی برای آموزش html و css مناسب است

شما باید این تگ های html را بشناسید و از آن مثل مثال های بالا استفاده کنید. در اولین قدم شما را با سایت w3schools آشنا می کنیم. البته توجه کنید که یاد گیری html از روی w3school مثل یادگیری زبان انگلیسی از روی دیکشنری می باشد . اگر شما تمام تگ های html را بلد باشید نمی توانید با آن وب سایت درست کنید همان طور که اگر تمام کلمات انگلیسی را حفظ باشید نمی توانید به انگلیسی صحبت کنید.

پس بعد این این که نگاهی کوتاهی به w3school انداختید و چند تا از تگ های آن را امتحان کردید و سر شوق آمدید می توانید یکی از دوره آموزشی ویدیو زیر را شروع کنید.

بیشتر بخوانید  تکنولوژی ajax چیست و چه کاربردی دارد

5 ساعت فیلم آموزش html به صورت رایگان

17 ساعت آموزش html و css به صورت جامع و پروژه محور

پکیج تخصصی آموزش Front End با تدریس استاد احمد هادیزاده با بیش از 58 ساعت ویدیو آموزشی به شما کمک می‌کند تا به صورت تخصصی و پروژه محور، مهارت‌های برنامه نویسی فرانت اند را یاد بگیرید. در این دوره هرآنچه برای تبدیل شدن به یک برنامه نویس فرانت اند نیاز دارید، آموزش داده می‌شود. مسیری درخشان به سوی مهارت های حرفه ای برای طراحی وب سایت های جذاب و کاربرپسند را با شرکت در این دوره تجربه کنید.

دوره جامع آموزش فرانت اند (Front End) ✅

html5 و css3 چیست

منظور از htm5 و css3 همان آخرین ورژن این زبان ها هستند که ویژگی های جدید تری به آنها اضافه شده است.

شما که الان با html و css آشنا شده اید، هر جا که اسمی از html و css بشنوید همان html5 و css3 خواهد بود و خیلی سال است که دیگر تمام مروگر ها از html5 و css3 استفاده می کنند و تمام برنامه نویس ها با استفاده از html5 و css3 کد می نویسند.

بهترین دوره های آموزش فتوشاپ
آموزش زبان انگلیسی - زبان ترکی - زبان آلمنی - ترکی استانبول
آموزش ورزش در خانه
آموزش های درس و مدرسه
دوره های آموزش ویدیویی ساز و موسیقی

پیشنهاد می‌کنیم این مقالات را هم بخوانید

3 دیدگاه. دیدگاه جدید بگذارید

  • رساله های معماری
    30 فروردین 1398 00:48

    سلام ممکنه یک منبع اموزش ویدیوی html به بنده معرفی کنید؟
    تشکر

    پاسخ
    • سلام دوره های زیادی برای آموزش html و css در لیموناد موجود است. اما اگر بین انتخاب این آموزش مردد هستید، استاد صیفی مسلط به آموزش هستند و دوره های با کیفیتی دارند.
      علی صیفیعلی صیفیعلی صیفی

      پاسخ
  • مقاله خوبی بود واقعا حرفه ای ترین گروهی هستید که به زبان کاملا ساده مطالبتونو دارید قرار می دین

    پاسخ

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

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

Fill out this field
Fill out this field
لطفاً یک نشانی ایمیل معتبر بنویسید.
You need to agree with the terms to proceed

شاید این مقالات را دوست داشته باشید:

آموزش زبان انگلیسی - زبان ترکی - زبان آلمنی - ترکی استانبول
آموزش ورزش در خانه
دوره های آموزش ویدیویی ساز و موسیقی
آموزش های درس و مدرسه
فهرست