5.00 از 3 رأی

رایگان!

این دوره آموزشی به صورت بسیار ساده و کاربردی هر آنچه که شما برای یادگیری HTML به آن نیاز دارید بپردازد

  • 11 جلسه
  • مدت زمان: 02:37:25 ساعت
  • پیش نیازها: ندارد
مدرس مونا کیارستمی

مونا کیارستمی

درباره مدرس کارشناسی ارشد هوش مصنوعی دارم. چند سال در زمینه طراحی وب و برنامه نویسی کار کردم. عاشق یادگیری مطالب جدیدم.

مشاهده بیشتر

آموزش HTML به زبان ساده

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

زبان html

HTML چیست؟

HTML مخفف Hypertext Markup Language می باشد که یک زبان نشانه گذاری است. این زبان نشانه گذاری شامل اجزا و عناصری به نام تگ می باشد. به وسیله این تگ ها اسکلت صفحات وب ساخته می شود. هر صفحه با صفحه دیگر به وسیله لینک ها ارتباط دارد. هر صفحه وبی که شما روی اینترنت می بینید با استفاده از کدهای HTML نوشته شده است.محبوب ترین زبان نشانه گذاری زبان html است. زیرا این زبان جهانی و تطبیق پذیر می باشد.

زبان HTML چطور کار می کند؟

شاید بخواهید بدانید منظورمان از اینکه می گوییم، همه صفحات وب html است چیست! روی همین صفحه ای که هستید راست کلیک کنید و گزینه View Page Source را بزنید. حال با صفحه ای پر از کدهای متفاوت مواجه می شوید. این کدها همان کدهای html هستند. همان طور که اشاره کردیم زبان html شامل تگ های متفاوتی می شود. هر کدام از این تگ ها کار خاصی انجام می دهند. در دوره آموزش HTML به زبان ساده به طور کامل این تگ ها را به شما آموزش داده ایم.

کدهای وب سایت

عناصر html چه کاری انجام می دهند

فرض کنید که می خواهید جمله “چقدر روزها زود می گذرد” را در صفحه وب با استفاده از کدهای html نشان دهید. برای انجام این کار از تگ p به معنی پاراگراف استفاده کنید.

<p/>چقدر روزها زود می گذرد<p>

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

<“img src=”mypicture.jpg>

اسکلت صفحات وب

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

اسکلت html
اسکلت بدن انسان

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

امکانات زبان html

آموزش رایگان html کاربردی

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

آموزش HTML به زبان ساده:

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

آنچه در دوره آموزش HTML به زبان ساده فرا می گیرید:

  1. آشنایی با صفخات وب و html
  2. روش استفاده از عناصر html
  3. طریقه استفاده از تصاویر
  4. استفاده از فرم ها، جداول و لیست ها
  5. آشنایی با متا تگ ها و کاربرد آن ها

پاسخ به سوالات HTML به زبان ساده:

زبان html یک زبان نشانه گذاری است که به وسیله آن اسکلت صفحات وب را تشکیل می دهیم

شما می توانید اصول اولیه html را در چند ساعت یاد بگیرید و شروع به ایجاد صفحه وب کنید.

در این دوره با اکثر دستورات html آشنا می شوید. بعد از این دوره به راحتی می توانید صفحات وب خود را ایجاد کنید.

جلسات

11 جلسه
مفاهیم اولیه مربوط به اینترنت
00:08:05 ویدئو
اجزای سازنده صفحات وب
00:09:28 ویدئو
آشنایی با تگ ها- بخش اول
00:18:41 ویدئو
آشنایی با تگ ها - بخش دوم
00:22:06 ویدئو
استفاده از تصاویر
00:14:01 ویدئو
کامنت گذاری
00:02:17 ویدئو
استفاده از لیست ها
00:12:11 ویدئو
پیاده سازی جداول
00:17:18 ویدئو
کار با فرم ها - بخش اول
00:23:47 ویدئو
کار با فرم ها - بخش دوم
00:13:01 ویدئو
کار با متا تگ ها
00:16:17 ویدئو
اشتراک گذاری:

نظرات

4 دیدگاه برای آموزش HTML به زبان ساده

دیدگاه خود را بنویسید
  1. mehdikhateri

    mehdikhateri

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

    • mona!kia$adm

      مونا کیارستمی

      سلام ممنونم دوست خوبم

  2. mehdikhateri

    mehdikhateri

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

  3. parya_faraji

    parya_faraji

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

    • mona!kia$adm

      مونا کیارستمی

      متشکرم دوست خوبم

  4. mrgholaami

    آموزش هاتون خیلی روان و واضحه ، دوره مفیدی بود ممنون از شما

    • mona!kia$adm

      مونا کیارستمی

      ممنونم ..خوشحالم که راضی بودید