آموزش HTML (بخش اول)

منبع:http://www.itkar.com

تاریخچه
در سال 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 > با پایان
2.< TAG > بی پایان


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

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

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

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