لطفا صبر کنید...

آموزش رایگان فرانت اند؛ جلسه دوم آشنایی با HTML

آموزش رایگان فرانت اند؛ جلسه دوم آشنایی با HTML




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

این دوره آموزش برنامه نویسی فرانت اند (front-end) تحت وب، با زبان های HTML و CSS را شامل می شود.

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

در این جلسه آموزشی قصد داریم تا قدری با زبان اچ تی ام ال آشنا شویم و به این پرسش پاسخ بدهیم:

” html چیست و چطور باید یاد بگیرم؟ “

 


  • HTML مخففه Hyper Text Markup Langue هست
  • برای ساخت صفحات وب استفاده میشود
  • شامل یک سری element میشه
  • همین المنت‌ها به مرورگرها (browsers) میگن که چی چطور نمایش داده بشه

اگر پیاده‌سازی یک سایت را مثل ساخت یک ساختمان در نظر بگیریم، HTML مثل اسکلت ساختمان است.

 

اسکلت ساختمان مثل html

 

همچنین جهت زیباسازی یک ساختمان نیاز است تا به طراحی و دیزاین آن توجه شود. این طراحی و زیباسازی در وب توسط CSS انجام پذیر است.

 

css مثل دیزاین ساختمان

 

 

‌HTML یک زبان برنامه‌نویسی نیست، بلکه یک زبان نشانه‌گذاری است.

 

 

زبان برنامه نویسی html

 

یادگیری HTML و CSS برای چه کسانی مناسب است؟
  • برنامه‌نویسان وب
  • فرانت‌اند دولوپرز (Front-end Developers)
  • بک‌اند دولوپرهایی که میخوان فول استک بشن
  • موبایل دولوپرهایی که میخوان بیان سمت وب یا یه اطلاعاتی از فرانت داشته باشند

 

تگ های HTML معمولا بصورت تصویر زیر نوشته میشوند.

 

تگ های html

 

نمونه ای از یک کد HTML ساده نیز در تصویر زیر قابل مشاهده میباشد.

 

نمونه کد html

 

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

 

بدنه کد در html

 

در این دوره آموزشی از VSCode به عنوان IDE استفاده خواهیم کرد.

 

vscode

 

جهت دانلود ویژوال استادیو کد میتوانید از لینک زیر استفاده نمایید.

 

 

visual studio code

Holosen Logo

هولوسن با من یاد بگیر

آموزش های بیشتر در وبسایت هولوسن : https://holosen.net

آموزش رایگان فرانت اند در جلسه دوم به معرفی زبان های HTML و CSS می...

نظرات
5.0
(0 نظر)
5
1
4
0
3
0
2
0
1
0
نظرات
**پرسش و پاسخ** سوال خود را مطرح کنید.
در کمتر از 10 دقیقه پاسخگوی شما هستیم

آدرس ایمیل شما منتشر نخواهد شد. فیلدهای الزامی علامت گذاری شده اند *

امتیاز:
Captcha Image


درخواست تماس
support button