|
آموزش 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 از دو بخش Body و Head ،تشکیل می شود. شکل ساده یک فایل HTML به صورت زیر است.
<HTML>
<HEAD>
<TITLE> This is the title</TITLE>
<HEAD/>
<BODY>
This is the the body
<BODY/>
<HTML/>
همان طور که می بینید، در بالای صفحه حاصل،متن نوشته شده در قسمت Title و در بدنه اصلی صفحه متن ما نوشته شده است. www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
در برچسب HEAD از برچسب به نامهای TITLE و BASE و META استفاده می شود.
<HEAD>
<TITLE> </TITLE>
<META > </META >
<BASE >
<HEAD/>
TITLE: www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
برای تعیین لقب صفحه (چیزی که در قسمت Status Bar دیده می شود).
META: www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
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 ثانیه به www.schoolnet.ir خواهد رفت:
Content="60; URL= http://www.schoolnet.ir"
BASE:
برای مشخص کردن مبدا آدرس دهی از صفحات web می باشد.
<BASE href="آدرس">
<BASE href="http://www.schoolnet.ir/~zahiri/index.htm">
نکته مهم: در برنامه نویسی HTML برچسب ها به دو صورت با پایان و بی پایان نوشته می شوند.
- <TAG>?????????????</TAG> با پایان
- <TAG> بی پایان
قسمت دوم یک فایل HTML را Body تشکیل می دهد که دارای Attributeهای زیر می باشد.
<BODY bgcolor = ?رنگ پس زمینه صفحه?
background = ?آدرس عکسی که به عنوان پس زمینه در صفحه وب قرار می گیرد. ?
topmargin = ?یک فضای خالی بالای صفحه بر حسب پیکسل ایجاد ما کند?
leftmargin = ?یک فضای خالی سمت چپ صفحه بر حسب پیکسل ایجاد ما کند?
text ="color? رنگ متن را مشخص می کند
link = ?color?
alink = ?color? (active link)
vlink = ?color? (visited link)>
نکته مهم: در برنامه HTML و در نوشتن تگها بزرگ و یا کوچک نوشتن حروف هیچ تاثیری ندارد.
Font:
با این برچسب می توانیم مشخصات متن را به دلخواه خود درآوریم و فرمت کلی آن به صورت زیر است.
<FONT> ........</FONT>
این تگ دارای Attributeهای زیر می باشد:
- color: رنگ متن www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
- size: اندازه متن www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
- face: نوع متن www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
مثال: می خواهیم کلمه Schoolnet را با فونت نازنین و با اندازه normal و رنگ آبی بنویسیم.
<HTML>
<HEAD>
</HEAD>
<BODY>
<FONT size = "3" color ="blue"> Schoolnet </FONT>
</BODY>
</HTML>
همانطور که می بینید متن ما به رنگ آبی درآمده و اندازه آن نیز 3 شده است.
نکته: اگر بخواهیم اندازه را نسبی مشخص کنیم یعنی نسبت به آنچه که قبلا بوده به صورت زیر عمل می کنیم:
Size = +2
BOLD:
اول و آخر متن مورد نظر قرار گرفته و آنرا Bold می کند.
<B> text ? </B>
ITALIC:
اول و آخر متن مورد نظر قرار گرفته و آنرا Italic می کند.
<I> text ? </I>
UNDERLINE: www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
اول و آخر متن مورد نظر قرار گرفته و آنرا Underline می کند.
<U> text ? </U>
ANCHOR: www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
در HTML بوسیله تگ <a> ? </a> می توانیم یک متن یا عکس را به صفحه ای دیگر پیوند دهیم (Hyper link).مهمترین Attribute در این تگ، href می باشد.
فرمت کلی این تگ به صورت زیر است.
<a href = ?URL?> text/image </a>
مثال: در جمله click here to go to zahiri home page کلمه zahiri را به آدرس index.html لینک کنیم:
<BODY>
<p>
click here to go to
<a href ="http://www.schoolnet.ir"> schoolnet </a>
home page
</p>
</BODY>
همانطور که می بینید کلمه مورد نظر به آدرسی که می خواهیم ، لینک شده است
|
تبلیغات 
