درس اول"اموزش html

در این سری از آموزش های سایت قصد داریم HTML را بررسی و معرفی کنیم و سعی ما بر این است صرفاً نکات کلیدی و اصلی HTML نوشته شوند و از آموزش حواشی و جزئیاتی که بعضاً کارآمد نیستند ، چشمپوشی می کنیم.

فرض را بر این می گذاریم که شما در حال حاضر با مفاهیم اولیه ای مثل مرورگر های اینترنتی و صفحات وب آشنایی سطحی دارید و بدون هیچ مقدمه ای به سراغ معرفی HTML می رویم.

مقدمه :

می توان HTML را یک زبان بسیار ساده و قابل فهم برای مرورگر های وب جهت نشانه گذاری محتوای وب دانست که اجزای هر وب سایتی را تشکیل می دهد .

HTML مخفف Hyper Text Mark-up Language می باشد ، به معنای “زبان کد گذاری ابر متن” می باشد.

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

HTML5 چیست ؟

اچ تی ام ال 5 ، آخرین ورژن از کدنویسی HTML می باشد که در این سری آموزش ها به آن نیز خواهیم پرداخت. در حال حاضر فعلاً تگ های اصلی HTML را به شما معرفی می کنیم ، سپس به سراغ HTML5 خواهیم رفت. ورژنی که در این سری آموزش ها یاد می گیرید ترکیبی از HTML4 و 5 می باشد .

برای نوشتن HTML به چه چیزی نیازمندیم ؟

شما در هر محیطی می توانید کد های HTML را بنویسید. یک سری برنامه هایی هستند که نوشتن HTML رو برای شما ساده تر میکنند. ولی هیچ تفاوتی در استفاده از آنها نیست و شما می توانید به میل خود یکی از نرم افزار هایی که معرفی میکنیم در ادامه رو استفاده کنید.

-  نرم افزار Notepad :

این نرم افزار بصورت پیشفرض روی تمامی ویندوز ها نصب شده و شما نیاز به نصب هیچ چیزی ندارید، فقط کافیست یک سند جدید نوت پد در ویندوز خود باز کنید و فایل مورد نظر رو با پسوند html یا htm ذخیره کنید.

-  نرم افزار ++Notepad :

این نرم افزار رایگان، شناسایی کد های برنامه نویسی به اکثر زبان های مورد استفاده برنامه نویسان از جمله HTML و … را برای شما آسان می کند. این نرم افزار را می توان ورژن تکمیل شده ی Notepad برای کد نویسان و برنامه نویسان دانست . ویژگی خاص این نرم افزار سبک بودن نرم افزار و پشتیبانی از انواع زبان ها می باشد.

-  نرم افزار DreamWeaver :

نرم افزار دریم ویور از مجموعه نرم افزار های شرکت adobe بوده و امکانات بسیار کامل تری در اختیار کدنویسان قرار می دهد. از جمله امکانات این نرم افزار می توان به حالت کد نویسی بصورت زنده اشاره کرد که کد نویسی را برای شما در بعضی موارد شیرین تر می کند. ولی این نرم افزار به کار تازه کاران نمی آید و به نظر می رسد امکانات اضافی زیادی دارد، همچنین این نرم افزار رایگان نیست و حجم نسبتاً زیادی از Hard و Ram سیستم شما را اشغال می کند .

-  نرم افزار Sublime Text :

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

-  پیشنهاد ما :

شما جهت شروع کد نویسی ، می توانید حتی با Notepad معمولی ویندوز هم شروع به کار کنید ، ولی اگر میخواهید کدها را در قالب های زیباتری ببینید می توانید با نرم افزار ++Notepad یا Sublime که در مطلب بالا ذکر شد ، آغاز به کار کنید.

خب تا اینجا باید برنامه ی مورد نظر تون رو برای شروع کد نویسی انتخاب کرده باشید.

درمورد HTML ذکر چند نکته ضروری است که در ادامه به آنها بصورت تیتر وار و مختصر اشاره می کنیم :

+) هر سند HTML دارای یک داک تایپ است. داک تایپ تعیین می کند شما از چه ورژنی در نوشتن HTML یک وبسایت بهره می برید. جهت آشنایی بیشتر با داک تایپ و داک تایپ های رایج می توانید به اینجا رجوع کنید . در این آموزش ها ما داک تایپ خود را بصورت زیر قرار می دهیم .

+) در HTML تگ ها دو حالت دارند . حالت اول اینکه اگر شما تگ (کد)ــی رو باز کردید ، باید اونها رو ببندید . و حالت دوم اینه که بعضی تگ ها (کدها) بسته نمیشن. در این باره مثال هایی خواهیم زد و اگر متوجه نشدید ، نگران نباشید ! فقط خاطرتون باشه بعضی تگ ها بسته میشن و بعضی بسته نمیشن(نیازی به بستن ندارند) . ضمنا در HTML تگ به کد هایی که می نویسیم می گوییم !

در مورد بسته شدن تگ ها ، میشه این مثال رو زد :

 که tagname نام تگ و کدی است که ما مینویسیم و content چیزی است که tagname روی آن اثر می گذارد. در واقع تا زمانی که این تگ بسته نشود ، اثربخشی تگ به قوت خود باقی می ماند.

برای بسته شدن تگ های HTML باید نام آنها را در تگ بسته شدن به همراه یک slash بنویسیم. در این صورت تگ مذکور اصطلاحاً بسته می شود و این یعنی پایان اثربخشی آن تگ.

+) هر سند عادی HTML از چند بخش کلی تشکیل می شود که به آنها اشاره می کنیم. اول: “Head” (سرصفحه) و دوم : “Body” (بدنه) . این دو بخش ، بخش های رایج مورد استفاده در اکثر اسناد HTML می باشند که شما باید برای شروع از آنها استفاده کنید .

در آموزش بعدی کد نویسی رو با مثال های مختلف و جذابی شروع می کنیم . جهت شروع شما ابتدا یکی از نرم افزار های پیشنهاد شده برای کد نویسی را نصب کنید.