آموزش html به زبان خیلی ساده

وقتی حرف از دنیای طراحی سایت میشه اولین قدم یادگیری html هست، عبارت HTML " اچ تی ام ال " مخفف Hyper Text Markup Language شاید ندونید پایه و اساس طراحی سایت زبان html هست،البته این زبان زبان برنامه نویسی نیست،این زبان،یک زبان نشانه گذاری هست،یعنی چی زبان نشانه گذاری؟از این زبان برای تعریف ساختار یک سایت و طرح بندی یا قسمت بندی یک صفحه استفاده میشه،یعنی اینکه شما با استفاده از این زبان چهارچوب سایت خودتون رو طراحی میکنید.لازم به ذکر هست که بگیم ما توی این دوره از سلسه آموزش html مقدماتی تا html پیشرفته به صورت رایگان مهمونتون هستیم ? که توسط استاد تورج آرمین پور تدریس میشه(درباره استاد تورج آرمین پور میتونید در سایت elecodeiranzamin.com در بخش بیوگرافی اطلاعات لازم رو کسب کنید) این سلسه آموزش حدودا 2000 دقیقه و شامل 93 ویدئو میباشد،ما در elecodeiranzami حامی دانش آزاد هستیم و بابت آموزش ها هیچگونه مبلغی دریافت نمیکنیم.نسخه های html:HTML 2.0 HTML 3.2HTML 4.0HTML 4.0.1HTML5 نسخه های html تفاوت های زیادی با هم دارن که بعدا برسیشون خواهیم کرد،اینکه در ابتدای کار با انواع نسخه های html آشنا بشید خیلی مهم هست.اچ تی ام ال چگونه کار میکنه؟اگربخوایم خیلی ساده بگیم html به چه صورت کار میکنه میتونیم بگیم که:اچ تی ام ال عناصر یا المان های مختلف یم سایت رو مثل پاراگراف ها عکس ویدئو و صوت و ....رو بنا به تشخیص ما در صفحه قرار میده تا پایه ی یک وب سایت رو آماده بکنیم،Html رو یک مهندس ساختمان در نظر بگیرید،شروع و نحوه کار یک ساختمان به مهندس اون ساختمان برمیگرده،اسکلت بندی و طرح بندی یک ساختمان رو یک مهندس ساختمان انجام میده،html مهندس رو وب در نظر بگیرد که قسمت های مختلف یک وب سایت رو طراحی میکنه.(آقا اینو بگم لایه بندی و نحوه چینش یک سایت رو انجام میده تمام!!! ?)قسمت اول:خب بریم سراغ مبحث اول html با قابلیت های html آشنا بشیم و ببینیم در کجا کاربرد داره و مباحث اولیه طراحی سایت رو یادبگیریم و ببینیم اصلا html رو توی کجا باید بنویسیم و توی کجا خروجی بگیریم.از سورس سایت شروع کنیم که اصلا چی هست و دسترسی بهش چطوریه https://www.dideo.ir/v/yt/firstVideoPlaylistKey/html-%26-html5?list=PL4qyn3-GV_5zwxmu2NlBinjsjZH_KEe6k سورس سایت چیست؟اینکه یک سایت توسط چه تگ هایی ساخته میشه،بعدا درباره تگ صحبت خواهیم کرد،وقتی با موس خودتون کلیک راست میکنید یه گزینه ای وجود داره با عنوان view page source که در عکس زیر هم نمایش دادیمبرای دسترسی به کد های یک سایت میتونید از کلید های ترکیبی اختصاری ctrl + u رو در یک سایت بزنید کد های یک سایت براتون نمایش داده میشهکد های یک سایت به چه شکلی هستن؟این یک سورس کد یک سایت هستش حتما پیشنهاد میشه چنتا سایت باز کنید و به وسیله ی کلید های ترکیبی ctrl + u سورس(کد های یک سایت) رو ببنید.کمی کد های یک سایت رو ببنید البته از حجم کد ها نترسید ? و پیش خودتون نگید که طراحی سایت چقدر سخته نه سخت نیست اصلا.سورس یک سایت تقریبا تمام کد های یک سایت رو در بر میگیره کد هایی مثل html و css و javascript که همه ی این عنوان ها رو ما به صورت رایگان در elecodeiranzamin درس خواهیم داد،اصلا جای نگرانی نیستاین کار رو حتما انجام بدید کد های یک سایت رو مشاهده کنید این اولین قدم با دنیای طراحی سایت هستش(اولین قدم چاپ hello world نیست ? شاید تو html،اما بزرگان و برنامه نویسان مستقر در ویرگول ببخشن دیگه ?‍♀️ )،تبریک میگم شما اولین قدم رو برداشتید شاید بگید ما که هنوز کاری نکردیم اما نه،اینکه تا اینجای این مقاله همراه ما بودید نشون میده شما در این راه مستمر هستید،با آموزش های بعدی ما همراه باشید،لازم هست بگیم تمام این آموزش ها با تمامی آموزش های دیگه در وب سایت های دیگه فرق میکنه ما از پایه و ابتدایی ترین مبحث شروع کردیم و حتی برای دیدن ادامه درس در سایت elecodeiranzamin.com مراجعه کنید،اما ما اومدیم اینجا با هم یک تعامل داشته باشیم و این کورس رو با هم به اتمام برسونیم.راستی حتما نرم افزار vscode و یا webstorm و یا sublimetext رو حتما نصب کنید(برایراهمای نصب حتما سرچ کنید ولی نصب این نرم افزار ها بسیار آسون هست و حتما نیاز نیست تمام این نرم افزار ها رو نصب کنید،این نرم افزار ها برای تمامی سیستم عامل ها با معماری های مختلف 64 و 32 و حتی برای سیستم عامل لینوکس موجود هست) تا برای جلسات بعد همراه با آموزش تمرین کنید.این مقاله آپدیت خواهد شد قطعا با نظرات شماممنون از همراهی شما