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

[رزیتا]

تگ 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"

[رزیتا]

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



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


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

[رزیتا]

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

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



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


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