آموزش 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 و در نوشتن تگها بزرگ و یا کوچک نوشتن حروف هیچ تاثیری ندارد.