دوره آموزشی HTML

دوره آموزشی HTML | جلسه اول

4.7/5 - (3 امتیاز)

با سلام خدمت همه دوستان و همراهان عزیز نیوزسک، خدمت هستیم با جلسه اول از دوره آموزشی HTML.

در برنامه نویسی وب چه چیز هایی باید یاد بگیریم؟

1- کد های سمت کاربر (Client-Side):

مثل HTML,CSS,JS روی سیستم کاربر تحیلیل و پردازش میشود.

2- کد های سمت سرور (Server-Side):

مثل PHP نیاز است روی سرور پردازش بشوند و سیستم های Client نمیتواند آن را پردازش کنند.

نکته : سرور ها به منابع ای دسترسی دارند که سیستم های عادی به آن دسترسی نداشته باشند، سرور ها از لحاظ پردازش از Client ها بسیار قوی تر هستند.

یک سایت از چه قسمت هایی تشکیل شده است؟

1- استاتیک (Front-END):

بخشی که شامل یکی از زبان های Client-Side است

2- داینامیک (Back-END):

بخشی است که شامل یکی از زبان های Server-Side است.

HTML یا همان Hyper Text Markup Language چیست؟

ما HTML را با سه مفهوم کلی تعریف میکنیم:

  • زیر ساخت تمامی صفحات در وب سایت با استفاده از HTML ایجاد میشود.
  • زبانی بسیار ساده برای ایجاد صفحات وب سایت بسیار ساده و بسیار پیشرفته.
  • زبانی برای فرم دهی (چیدمان و…) به صفحات و ایجاد هر گونه محتوا در صفحات وب.

پسوند فایل HTML عبارت .html  هستند.

دقت داشته باشید که در کد های HTML زدن Space یا Enter یا Tab در خروجی کاربر هیچ تاثیری ندارد.

نکته : مرورگر ها اینترنتی وظیفه تفسیر کد های HTML  را بر عهده دارند، پردازش کد ها به صورت خط به خط از بالا به پایین انجام میشود.

 

سازمان W3C (World Wide Web Consortium) :

کنسرسیوم بین المللی وب وظیفه استاندارد سازی کد های HTML و بعضی دیگر از تکنولوژی های تحت وب را بر عهده دارند.

 

پوشه ریشه سایت (Root Folder) :

تمامی محتویات وب سایت باید درون پوشه ای قرار گیرد که اصطلاحا به آن پوشه ریشه یا Root Folder گوییند.

این پوشه شامل تمام فایل های HTML,CSS و تصاویر و… میباشد.

ابزار مورد استفاده ما برای HTML ابزار PHPSTORM میباشد.

نکته : اسم پوشه ریشه نباید با فاصله باشد حروف کوچک لاتین برای اسم گذاری باید استفاده شود.

 

دستورات HTML :

به دستورات HTML تگ (Tag) میگویند.

تگ ها را به صورت زیر مینویسند:

تگ ها داخل یک علامت <tag-name> نوشته میشوند.
و در انتها بعد از قرار گرفتن محتویات درون آن داخل </tag-name> بسته میشوند. که نشان میدهد کدام Tag Start و کدام End Tag هستند.

 

یک نوع تقسیم بندی Tag ها در HTML :

Block Level : این نوع Tag ها عرض و یک خط یا سطر را به طور کامل اشغال میکنند.

Text Level : این نوع Tag ها عرض آن اندازه محتویات داخل آن است و میتوانیم Tag های این چنینی را کنار هم در یک خط یا همان سطر استفاده کنیم.

 

نوع دیگر از دسته بندی Tag ها در HTML :

Container : تگ هایی که دارای Strat Tag و End Tag هستند و محتوا بین این دو Tag قرار میگیرد و ابتدا و انتهای آن ها باید مشخص باشد.

Empty : تگ هایی که دارای Start Tag و End Tag نیستند و محتوایی داخل آن قرار نمیگیرد و داخل خود Start Tag بسته میشوند.

مرورگر وقتی به Start Tag میرسد یک عملیات را انجام میدهد و وقتی هم به End Tag برسد عملیات دیگر را انجام میدهد.

اولویت عملیات در Tag ها با تو در تو ترین Tag است.

قانون تگ ها تو در تو : اگر تگی در یک تگ دیگر باز میشود درون همان تگی که باز شده است باید بسته شود.

ساختار دقیق و کلی فایل های HTML :

یک صفحه وب سایت از نظر کد های HTML از 2 بخش تشکیل شده است بخش اول HEAD و بخش دوم BODY است، یعنی کد های ابتدایی در HTML به صورت زیر است .

ساختار کلی HTML

نکته: برای اینکه موتور های جست و جوگر بتوانند بهتر صفحه وب سایت مارو پردازش کنند، محتویات سایت را به سه بخش تقسیم میکنیم ، بخش Header و بخش Body و بخش Footer برای ایجاد بخش Header از تگ <thehead></thehead> برای بخش باید از تگ <tbody></tbody> و برای بخش Footer از تگ <tfooter> استفاده میکنیم.

پایان جلسه اول از دوره آموزشی HTML

اشتراک گذاری

1 یک نظر

  1. DMC پاسخ

    با درود شروع خوب و قابل فهمی اره امیدوارم تا انتهای دوره همینطور ساده توضیح داده بشه ; —)

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

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