Html مخفف عبارت Hyper text markup language یک زبان نشانه گذاری فوق متن و استاندارد است که از آن برای ایجاد صفحات وب استفاده می شود. همانطور که گفتنم html یک زبان نشانه گذاری است که متاسفانه بعضا دیده می شود توسط اشخاصی که طراحی وب سایت انجام میدهند از آن به اشتباه به عنوان زبان برنامه نویسی یاد می شود.
html ساختار صفحات وب را با استفاده از نشانه گذاری توصیف می کند.در واقع عناصر تشکیل دهنده صفحات وب مانند بلوک های یک ساختمان در کنار هم قرار می گیرند و صفحات html را می سازند.این عناصر داخل تگ های html قرار می گیرند. که تگ ها وظیفه برچسب گذاری بر روی محتوای صفحات وب مانند: عنوان ها و پاراگراف ها و جداول و دیگر المان‌های صفحه را دارند.البته این نکته را باید در نظر گرفت که خود تگ ها توسط مرورگر ها نمایش داده نمی شوند بلکه از آنها برای ارائه محتوای سایت استفاده می‌شود که در نهایت موجب به ساخته شدن صفحات وب خواهد شد.
یک فایل html متنی ساده شامل تگ ها می باشد. برای بهتر روشن شدن مطلب یک فایل html در زیر برای شما آورده شده است.
< doc type htm! > : توسط این اعلامیه مرورگرها متوجه میشوند که با یک فایل html روبرو هستند.
< html >: عنصر ریشه یک صفحه html است که در تمامی صفحات html وجود آن لازم و ضروری است و باید در ابتدای همه تگ ها آورده شود.
< head >: این تگ شامل اطلاعاتی درباره ی صفحه های html یا همان صفحات وب است که مورد استفاده موتورهای جستجو قرار می گیرد و معمولا اسکریپت ها هم در همین تگ فراخوانی می شوند.
< body >: عنصر بدنه صفحه شما را مشخص می کند در واقع محتویات درون این تگ قابل مشاهده هستند.
تگ های html معمولا به صورت جفت مانند مثال بالا در فایل html قرار می‌گیرند به اولین تگ در اصطلاح استارت تگ (start tag) یا شروع گفته می شود و به دومین تگ در اصطلاح اند تگ (end tag) گفته می شود.تفاوت در نوشتن تگ شروع و پایان باید رعایت گردد در غیر این صورت مرورگر دستور عمل را تشخیص نمی دهند.
تمامی صفحات html از تگ هایی ساخته میشوند که وجود آنها برای یک فایل html ضروری است و در صورتی که این تگ ها در یک صفحه html وجود نداشته باشند صفحات وب توسط مرورگر ها قابل تشخیص نیستند. اگر شما درون یک صفحه وب در بستر اینترنت کلیک راست کنید و گزینه view page sourse را انتخاب کنید با مجموعه ای از کدها روبرو خواهید شد که ساختار یک صفحه html را تشکیل داده اند.که در تمامی آنها یکسری از کدها مشترک هستند. به ساختار زیر دقت نمایید:
سلام و عرض ادب دارم خدمت تمامی کاربران محترم سایت همراه آی سی تی در این دوره می خوام شمارو با زبان نشانه گذاری Html آشنا کنم.همونطور که گفتم زبان Html یک زبان نشانه گذاری است. که متاسفانه بعضا دیده می شه از آن به عنوان یک زبان برنامه نویسی یاد می شود.پس این نکته رو در نظر داشته باشیدکه html یک زبان نشانه گذاری است وبازبانهای برنامه نویسی سمت سرورمتفاوت می باشد. شاید این سوال در ذهن شماایجادبشه که زبان نشانه گذاری چه تفاوتی با زبان برنامه نویسی دارد؟پس با ما همراه باشید.
وب سایت های ایستا یا استاتیک به وب سایت هایی گفته می شود که نیاز به این نیست که به طور مرتب اطلاعات آنها تغییر کنه واطلاعات به روزی داشته باشند.این نوع وب سایت ها اطلاعات در آنها ثابت است و از چندین صفحه بیشتر تشکیل نشده اند.وما می توانیم آنها را با زبان Htmlراه اندازی کنیم.اما مثلا اگر شما مدیر یک وب سایت خبری باشید نمی توانید از وب سایت های ایستا استفاده کنید.چرا که اطلاعات مرتب در حال تغییر هستند و مثلا اگر وب سایت شما 100عنوان و صفحه داشته باشد درصورتی که وب سایت ایستا استفاده کنید. و بخواهید عنوانها را تغییر بدهیدباید به تک تک صفحات برید و عنوان ها راتغییردهید که کار بسیار دشواری است البته در بازار کار واقعی کمتر پیش میادکه کسی وب سایت ایستا سفارش بده مگردر مواردی اندک. به طور مثال :شخصی که نویسنده کتاب بود به من مراجعه کرد و وب سایتی رو برای معرفی کتابی که نوشته بود سفارش داد که کتاب خودش رو در اون معرفی و تبلیغ کنه که بیشتر دیزاین وب سایت مطرح بود و با توجه به اطلاعاتی که می خواست در این وب سایت قرار بده می شد اون رو با زبان اچ تی ام ال درچند صفحه مختصرومفید پیاده سازی کرد.خوب حالا فرض کنید شما یک وب سایت خبری با هزاران صفحه و عکس رو مدیریت می کنیدواطلاعات مرتب در وب سایت شما باسرعت و کیفیت بالا باید به روزبشوند.عکس ها تغییرکنندو بقیه مطالب هم همین طور پس درواقع به وب سایت شما که قابلیت تغییر با سرعت بالا وزمان کم رو دارد یک وب سایت پویایا داینامیک گفته می شود.که باید اززبانهای سمت سرور در طراحی آنها استفاده شود.امیدوارم که این مفاهیم رو متوجه شده باشید.خوب اگه بخوام بیشتر توضیح بدم در واقع باید این نکته را براتون بگم که شما به وسیله html نمیتوانید امکاناتی به وبسایت خودتون اضافه کنید یعنی به عنوان مثال نمیتونید یک درگاه پرداخت آنلاین را به طور کامل به وب سایت خودتون اضافه کنید البته به عنوان مثال گفتم منظورم هر امکاناتی است که شما در یک وب سایت نیاز دارید که مورد بالا فقط یک مثال بود.پس چرا باید Htmlرو یاد بگیریم؟این سوالی بود که برای خود من هم پیش آمد که باوجود زبانهای سمت سرور چه نیازی به زبان اچ تی ام ال داریم و چرا لزوما باید اون رو یاد بگیریم.
یک سری از عزیزان به اشتباه تصور دارند که سایت ها صرفاً با زبان برنامه نویسی php یا Asp که زبان های برنامه نویسی سمت سرور هستند نوشته شده اند و دراین وب سایت ها html هیچ کاربردی ندارد در واقع این تصور هم کاملا اشتباه است.ولزوما برای این که شما یک وب سایترو طراحی کنید نیاز به یادگیری زبان Html دارید. البته طراحی سایت هم خودش میتونه به دو دسته تقسیم بشه یعنی کسی که فقط دیزاین و ب سایت را انجام می دهد و کسی که به عنوان یک توسعه دهنده وب با زبان های برنامه نویسی سمت سرور به توسعه وب سایت می‌پردازد. که دردسته دوم حتما باید اچ تی ام ال بلد باشید.خوب برای اینکه شما این موضوع را بهتر درک کنید میتونید مقاله تفاوت وب دیزاینر با توسعه دهنده وب در چیست؟رومطالعه کنید. از بحث اصلی خودمون خارج‌نشیم در واقع شما باید برای اینکه کدزنی وب سایت رو انجام بدید و درآمد کسب کنید زبان نشانه گذاری html را حتما باید یاد بگیرید و همونطور که گفتم زبان نشانه گذاری Htmlنمیتونه که این امکان را به شما بده که یک وب سایت را به طور کامل و از صفر تا صد پیاده سازی کنید پس دوباره این سوال در ذهن تون پررنگ میشه که چرا باید زبان نشانه گذاری html را یاد بگیریم . ببینید دوستان شما به عنوان یک طراح وب سایت حتما باید زبان نشانه‌گذاری html را بلد باشید چرا که در نهایت چیزی که در مانیتور کاربر نمایش داده میشه صفحه html یا بهتر بگم صفحه ای شامل تگ های html است ومرورگرهااین قابلیت را ندارند که کدهایی که در سمت سرور نوشته می شوند را نمایش بدهند و در نهایت برای اینکه وب سایت شما به یک کاربر نمایش داده شود باید وب سایت شما تبدیل به تگ های html گردد. در غیر این صورت هیچ مرورگری نمیتونه وب سایت شما رو نمایش بده و همانطور که گفته کدهای php یا Html در سمت سرور وب سایت شما کاربرد دارندو در نهایت سرور وب سایت شما کد هایی را که به مرورگر برمیگردونه تگ های html هستند و کدهاییی که بازبان های برنامه نویسی php یا asp نوشته شده اند هیچ مفهومی برای مرورگرها ندارند.در مقالات بعدی راجع به زبانهای اسکریپتی دیگری که یادگیری آنها جزء ضروریات یادگیری برای یک طراح سایت است صحبت خواهم کرد.که شما میتونید با مراجعه به سایر دوره‌های آموزشی که در وب سایت مقالات آنها گذاشته شده است این زبان های اسکریپت نویسی رو هم یاد بگیرید امیدوارم که این جلسه از دوره آموزشی مورد توجه شما قرار گرفته باشد تا جلسه بعد و مقاله دوم در مورد زبان نشانه گذاری html شما را به خدا میسپارم موفق وپیروز باشید .
