آموزش Html
 

تاریخچه
در سال 1992 در دانشگاه مینه سوتا سیستمی به نام web به وجود آمد که دارای دو ویژگی خاص بود.
1.Graphic, Multi Media
2.Hyper Text (فقط کلیک کردن و در سایت حرکت کردن )
صفحات این سیستم توسط برنامه ای به نام HTML ساخته شد.
همچنین برای رد و بدل کردن اطلاعات:


(HTTP ( Hyper Text Transfer Protocol
HTML Web page


•HTML یک text عادی و در حقیقت زبانی برای مارک کردن فایلهای text به یکدیگر می باشد که آن را با TAG مشخص کرده و به صورت < tag name > می نویسند.

فرمت کلی یک فایل HTML:
یک فایل HTML از دو بخش Body و Head ،تشکیل می شود. شکل ساده یک فایل HTML به صورت زیر است.



< HTML >
< HEAD >
< TITLE > This is the title< /TITLE >
< HEAD/ >

This is the body
< BODY/ >
< HTML/ >


نمایش صفحه ای که دارای HTML بالاست...
همان طور که می بینید، در بالای صفحه حاصل،متن نوشته شده در قسمت Title و در بدنه اصلی صفحه متن ما نوشته شده است.

آموزش Html
 

تگ HEAD
در برچسب HEAD از برچسب به نامهای TITLE و BASE و META استفاده می شود.



< HEAD >
< TITLE > < /TITLE >
< META > < /META >
< BASE >
< HEAD/ >


TITLE:
برای تعیین لقب صفحه (چیزی که در قسمت Status Bar دیده می شود
META:
1- برای تعیین نام و منبعی که برنامه توسط آن نوشته شده.
2- بهنگام کردن صفحات web توسط این برچسب انجام می شود.
3- انتقال به یک صفحه دیگر web در زمان معیین.
مثال برای حالت اول: در این حالت برای وارد کردن آدرس web خودمان به موتورهای جستجو در web (مثل yahoo و google و ...) از META استفاده می کنیم:



< META name="keyword"{اجباری} content="Hedayat, students,zahiri,yaghoubi,schoolnet") >
< META name="description"{اجباری} content="This is Hedayat high school" >


مثال برای حالت دوم و سوم:



< META name="vali "{دلخواه} http_equiv="refresh" content="زمان بر حسب ثانیه" >


با این برچسب صفحه web بعد از 1 دقیقه بهنگام (refresh) خواهد شد.
در مثال بالا اگر در قسمت content به صورت زیر عمل کنیم صفحه web بعد از 60 ثانیه به http://www.schoolnet.ir خواهد رفت:



Content="60; URL= http://www.schoolnet.ir"

آموزش Html
 

BASE:
برای مشخص کردن مبدا آدرس دهی از صفحات web می باشد.



< BASE href="آدرس" >
< BASE href="http://www.schoolnet.ir/~zahiri/index.htm" >


نکته مهم: در برنامه نویسی HTML برچسب ها به دو صورت با پایان و بی پایان نوشته می شوند.
1.< TAG >…………………………………< /TAG > با پایان

آموزش Html
 

تگ BODY
قسمت دوم یک فایل HTML را Body تشکیل می دهد که دارای Attributeهای زیر می باشد.

< BODY bgcolor = “رنگ پس زمینه صفحه”
background = “آدرس عکسی که به عنوان پس زمینه در صفحه وب قرار می گیرد. “
topmargin = “یک فضای خالی بالای صفحه بر حسب پیکسل ایجاد ما کند”
leftmargin = “یک فضای خالی سمت چپ صفحه بر حسب پیکسل ایجاد ما کند”
text ="color” رنگ متن را مشخص می کند
link = “color”



alink = “color” ( active link)
vlink = “color” ( visited link) >


نکته مهم: در برنامه HTML و در نوشتن تگها بزرگ و یا کوچک نوشتن حروف هیچ تاثیری ندارد.