About

الأحد، 18 مارس 2012

مقدمة الي لغة توصيف النصوص HTML


مقدمة :
HTML هي اختصار لكمة Hyper Text Markup Language أي لغة النص الفائق وهي اللغة الأم في تصميم المواقع علي شبكة الانترنت ، وتتميز بالسهولة وأنها غير مرتبطة بنظام تشغيل معين ويتم تفسيرها من خلال متصفح الانترنت
متطلبات لغة توصيف النصوص HTML  ؟
1-     برنامج محرر للنصوص مثل Notepad
2-     برنامج مستعرض لصفحات الويب مثل Internet Explorer
خطواط تصميم صفحة ويب بسيطة :-
1-     نقوم بفتح برنامج الـ Notepad
ثم نقوم بكتابة الكود التالي
<HTML>
نحن طلاب الأكاديمية العربية للكمبيوتر
</HTML>
2-     حفظ التصميم
من قائمة File نختار Save as ونحفظ بالاسم الممتدد HTM او HTML.
3-     ثم نستعرض ما كتبناة من خلال مستعرض الويب.
4-   للتعديل علي التصميم نقوم بفتح البرنامج من خلال محرر النصوص ثم التعديل ثم الحفظ ثم نستعرض ما عدلناة مرة اخرى عن طريق مستعرض الويب .
اوامر او أوسمة لغة النص الفائق [TAGS]:-
الأوسمة Tags :
هي الاوامر الراوية لتصميم الموقع فتستخدم هذة الاوامر للتحكم في شكل وامكانيات الصفحة المصممة ، وتستخدم الاقواس < > للتفرقة بين أوامر اللغة والنص المراد نشرة .
مكونات الاوسمة أو الاوامر :
1-     العناصر Elements :
هي الجزء الاساسي أوالمكون الاساسي للاوسمة او الاوامر ومنها
<TITLE>   <HEAD>   <BODY>
2-     الخاصية او الصفة Attribute :
هي أضافات يمكن اضافتها مع عنصر Element من أجل اضفاء صيغة معينة علي الامر او الواسمة ، مثل شكل وحجم و لون الخط . أذن لدينا عنصر وهو الخط ولة صفات او خصائص هي شكل او حجم و لون.
3-     القيم Values :
هي القيمة الممررة لكل صفة او خاصية .
ملحوظة : ان كل عنصر يمكن ذكرة فقط او ذكرة وأضافة لة خاصة واسناد لها قيمة ، بمعني ان اضافة خاصية للعنصر مسألة اختيارية ولكن يجب ذكر العنصر اولاً .
كما أنة لا يهم كتابة الاوسمة بالاحرف الكبيرة او الصغيرة او مزيج بينهما ولكن يفضل كتابة الاوسمة بالاحرف الكبيرة حتي يمكن التفرقة بينها وبين النصوص العادية
أنواع الاوامر (Tags Type) :
1-     اوامر حاوية Container Tags .
2-     اوامر خاوية Empty Tags .
الاوامر الحاوية Container Tags :
تبداء بـأمر الفتح Opening Tag    <  >  وتنتهي بأمر أغلاق Closing Tag <   />
<OPENING TAG>
الشئ المراد تنفيذ الامر علية
</CLOSING TAG>
ومنها
<TITLE>    <HEAD>    <BODY>
الاوامر الخاوية (Empty Tags) :
وهي لا تحتاج الي اغلاق مثل
<BR>       <HR>
أوامر أو أوسمة هيكل المستند Document Structure Tags :
اوامر هيكل المستند هم اربعة
<HTML>                              </HTML>  يستخدم ليعرف المتصفح ان محتوي الملف هو كود لغة النص الفائق    
<HEAD>                              </HEAD>     كرأس الصفحة ويتم وضع المعلومات بداخلها                                 
<BODY>                              </BODY>                                                         هو بمثابة جسم الصفحة      
<TITLE>                             </TITLE> يمثل عنوان الصفحة والذي يظهر بشريط العنوان                               





0 التعليقات:

إرسال تعليق

Twitter Delicious Facebook Digg Stumbleupon Favorites More