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

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

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

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

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

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

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

 

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

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

 

 

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

 

 

 

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

 

 

 

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

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

هولوسن

با من یاد بگیر

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

بدون نظر

**پرسش و پاسخ** سوال خود مطرح کنید.
امتیاز شما*