آشنايي زبان html

[TAHA]

تاريخچه
در سال 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 (http://www.schoolnet.ir/) خواهد رفت:




Content="60; URL= http://www.borna66.ir (http://www.schoolnet.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 و در نوشتن تگها بزرگ و يا کوچک نوشتن حروف هيچ تاثيری ندارد.