alirezador
New Member
نشانههاي HTML :
در ماهيت يك صفحه web يك فايل متن است كه حاوي دستورات به شكل كدها و خصايص HTML ميباشد. اين نشانهها فراميني ميباشند كه مرورگر web بعداً جهت قالببندي متون و افزودن تصاوير گرافيكي برروي صفحه web از آنها استفاده ميكند.تعدادي نه تمامي فرامين HTML به نشانه شروع و يك نشانه پايان نياز دارند.
اين نشانهها را نشانه contniner ميناميم. زيرا دستورات نشانه شروع در مورد هر چيزي كه صفحه web بين نشانه شروع و نشانه پايان شامل ميباشد بكارگرفته ميشوند.
يك فرمان HTML با يك نشانه < شروع وسپس نام جهت ايجاد يك نشانه و خصايص شروع ميشود و با يك علامت > خاتمه مييابد. جهت ايجاد يك نشانه پايان براي يك نشانه شروع يك علامت(/) در مقابل نشانه قرار ميدهيم بنابراين يك نشانه شروع به صورت
<tag name [ attributes]> و يك نشانه پايان بصورت </tag name> ميباشند.
نام نشانه به مرورگر web هدف نشانه را ميگويد خصايص پس از نام نشانه اطلاعات بيشتري را جهت اجراي دستورات د راختيار مرورگر قرارميدهند.
براي مثال كد زير چگونگي شروع و پايان نشانههاي paraghraph را نشان ميدهند. در اين مثال نشانه <p> به مرورگر web دستور ميدهد متن را تا نشانه </p> با استفاده از قوانين قالببندي پيش فرض به نمايش گذارد.
<p> exampel of paragraph</p>
نشانههاي HTML section :
جت سازماندهي قسمتهاي مختلف HTML كه يك صفحه web را تعريف ميكنند از يكسري نشانه section استفاده ميشود.انواع نشانههاي HTML در هر قسمت صفحه web يك هدف خاص دارند.
-<HTML><head><head اين نشانههاي شروع و پايان head پس از نشانههاي شروع HTML قرار ميگيرند و سرآيند صفحه web را مشخص ميكند عنوان صفحه web در قسمت سرآيند بين نشانههاي <title></titile> قرار ميگيرد.
-<body></body> نشانههاي شروع و پايان بدنه اصلي پس از قسمت سرآيند صفحات web قرار ميگيرند و بدنه اصلي صفحه web را مشخص ميكند.
كد زير محل قرارگرفتن صحيح نشانهها را نشان ميدهد.
<html>
<head>
<title>the web pages title <title>
<head>
<body>
<p>the paragraph of page</p>
</body>
</html>
نشانههاي HTML empty :
علاوه بر نشانههاي محفظه HTML از يك نوع دوم نشانه با نام نشانههاي خالي استفاده ميكند.در حاليكه نشانههاي محفظه محتويات صفحه را دربر ميگيرند.
نشانههاي خالي به يك نشانه پايان نياز ندارند. براي مثال، در كد زير جهت حركت به خط به بعد قبل از به نمايش گذاشتن ورودي بعدي در صفحه از نشانه <br> استفاده شده است.
<html>
<head>
<title>exampel of html</title>
</head>
<p> this text lin 1 < br>
this text line 2 </p>
</body>
</html>
ايجاد يك صفحه web
ايجاد و فايلهاي متني HTML ساده است جهت ايجاد يك فايل HTML ، يك برنامه ويرايشگر متني را باز كنيد و سپس كد HTML را وارد كنيد.پس از وارد نمودن عبارات HTML ، فايل را بعنوان يك فايل متني با پسوند html ذخيره سازيد.
براي مثال كد زير را در ويرايشگرتان تايپ كنيد.
<html>
<head>
<title>example of a simple HTML document < /title>
</head>
<body>
<p> Hello world ! here Iam </p>
</body>
<html>
اكنون كارتان را در يك فايل صفحه web ( با پسوند htm يا html ) برروي ديسك سخت ذخيره سازيد. در صورت تمايل يك پوشه با نام HTML examples ايجاد كنيد و سپس فايل مثال را در پوشه ايجاد نموده بعنوان test page ,htm تغيير نام دهيد و ذخيره سازيد.
براي آزمايش اولين صفحه web ، مرورگر web را شروع كنيد و سپس ورودي
File ://c:\HTML exampls \tesr page htm را در فيلد address مرورگر وارد نمايد سپس كليد Enter را فشار دهيد اكنون اسماً يك نويسنده صفحه web ميباشيد.
كار با فونتها:
بازديدكنندگان سايت web صفحه متني را با نوع قلم، سبك، رنگ و اندازه كاراكتر پيش خود مشاهده ميكنند. مگر اينكه اين عناصر را در HTML صفحه web مشخص كرده باشيد. مرورگر web بازديدكننده تنظيمهاي پيش فرض براي متن به نمايش گذاشته را بوسيله مرورگر كنترل ميكنند با استفاده از نشانههاي فونت شروع و پايان <font></font> مي توانيد وضعيت ظاهري متن به نمايش گذاشته شده بوسيله مرورگر web بازديد كننده را كنترل كنيد توجه داشته باشيد كه نشانههاي فونت تنزل يافتهاند يعني نسخههايي كه در آينده براي مرورگرهاي web ارائه ميشوند احتمالاً نشانه <font> را پشتيباني نخواهند كرد و بهتر است از نشانه <font> و خصايص آن استفاده كنيد.اگرچه ميخواهيد با استفاده از خصايص در نشانه <font> وضعيت ظاهري متن را تغيير دهيد ميتوانيد اين تغييرات را با ابعاد قوانين css بدست آوريد.
ميتوانيد به خصايص زير را در نشانه شروع فونت استفاده نماييد.
<font colors”colors”> صفت color رنگ متن را تعريف ميكند مقادير رنگ ميتواند اسامي (مانند”red” ،”green” و…) باشد.
يا ميتوانيد اعداد پايه 16 سهتايي( مانند FFOOO # و….) باشد. كه مقدار رنگهاي مخلوط شده براي قرمز، سبز، آبي را براي مرورگر web مشخص ميكند.
<font sizes”#”> صفت size اندازه متن را با استفاده از اعداد –7 تا 7 تعريف ميكند. هرچه اين مقدار كوچكتر باشد اندازه font كوچكتر ميشود.
<font face ,”name”> صفت face را با نوع قلم font را تعريف ميكند اگر نوع face در كامپيوتر موجود نباشد آنرا ناديده ميگيرد و از پيش فرض استفاده ميكند. مرورگر web مقادير پيش فرض براي رنگ، اندازه، و نوع قلم را كنترل ميكند جهت بازگردانيدن متن به مقادير پيش فرض مرورگر يك نشانه<font> در پايان متن قرار دهيد.
<htlm>
<head>
< title> font color example <title>
</head>
<body>
<font colors”ffooo”face , “helvet:ca”>
<p>this is red helvet </p></font>
p>this is normal/</p>
</body>
</htlm>
نوشتن يك متن در صفحه web :
براي نوشتن يك متن در صفحه پاراگراف مورد نظر را در علامت <p></p> قرار ميدهيم بعد از نشانه</p> پاراگراف بعدي ما بعد از يك خط خالي قرار ميگيرد.
اگر بخواهيم به خط بعدي برويم يك نشانه <br> را قرار ميدهيم توجه داشته باشيد كه نشانه <br> نشانه پاياني ندارد.
تغيير رنگ متن در يك فايل HTML :
در صورت عدم مشخص نمودن رنگ متن در يك صفحه مرورگر web متن را با رنگ پيش فرض مرورگر به نمايش ميگذارد. اگر ميخواهيد رنگ يك لغت يا گروهي از لغات را تغيير دهيد از صفت color در نشانه<font> استفاده كنيد.افزودن گرافيك به يك صفحه web از طريق يك نشانه <img> نشاه img اجازه ميدهد تا تصوير گرافيكي را بر روي يك صفحه web قرار دهيد. يك نشانه <img> حاوي يك خصوصيت src است كه نام مسير فايل گرافيكي را در اختيار مرورگر web قرار ميدهد. بنابراين اگر نشانههاي تصويري به صورت<img src/,”path/file name”> ميباشند. توجه كنيد كه مقدار خصوصيت src حاوي مسير و نام فايل است براي مثال كد زير از مرورگر web ميخواهد تاتصوير بر فايل phto.jpg ذخيره شده در پوشه images از سرور web را بدست آورد وبه نمايش بگذارد.
<img src<”images/ photo.jpy”width.”300”height,”155”>
كد htlm زير تصوير house ,jpy را به نمايش ميگذارد.
<html>
<head>
<title>in=mage of a house<.title>
</head>
<body>
<center><img src,”house .jpy”height.”175”></center>
</body>
</html>
ساختن صفحه web با front page
درمرحله اول از منوي file قسمت new وسپس page or web را انتخاب ميكنيم يك صفحه ايحاد ميشود كه همان صفحه web ما است كه براي طراحي آماده است.در زير صفحه سه گزينه preview,html,normal ديده ميشود كه براي اضافه كردن فرمانهاي html داخل html ميرويم.
منبع : مرکز پروژه و مقالات | دانلود پروژه دانشجویی