تاريخچه
در سال 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 و در بدنه اصلی صفحه متن ما نوشته شده است.

تگ 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.borna66.ir خواهد رفت:



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



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



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

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


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

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


کد:

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

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