دروس تعليمية للغة html ( الدرس الثاني.....)

تعرفنا في الدرس الأول من دروس HTML على الفكرة العامة لهذه اللغة البسيطة والمهمة لكل من يرغب بتعلم تصميم مواقع الإنترنت ، وفي هذا هذا الدرس إن شاء الله سنتعرف على الهيكل الأساسي لأي ملف HTML .

الآن سنعرض شكل ملف HTML ثم نقوم بشرحه بالتفصيل :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لابد أن نعرف بأن لغة HTML مكونة من وسوم ( جمع وسم ) Tags ، ولكل وسم Tag بداية و نهاية :

< بداية الوسم >



نلاحظ أن الفرق بين بداية الوسم ونهايته هو وضع العلامة / في نهاية الوسم فقط .

الآن سنبدأ بشرح المثال السابق الموضح بالصورة السابقة بالتفصيل :

- وسم HTML ، و نستخدم هذا الوسم للإعلان عن بداية ونهاية ملف HTML ، ومابين هذين الوسمين نضع بقية الوسوم الخاصة بصفحتنا كما هو موضح بالمثال السابق .

وسم الرأس أو Head ، وهو لوضع معلومات تخص المتصفح ، مثل اللغة و اسم الصفحة و طريقة عرض الصفحة ، وكل ما نضعه بداخله لايظهر في جسم الصفحة للزائر ، وفي مثالنا السابق وضعنا اسم الصفحة فقط .


- وسم العنوان أو Title ، ولابد ان نضعه داخل وسم Head كما هو موضح بالمثال السابق ، وبين وسمي البداية والنهاية نضع عنوان الصفحة ، وهو العنوان الذي يظهر في أعلى المتصفح .




- وسم الجسم أو Body ، وهو لوضع محتويات الصفحة من نصوص وصور وغيرها ، وكل ما يوضع في هذا الجزء يظهر للزائر .



- وسم فقرة جديدة ، وهو من الوسوم التي توضع داخل وسم الجسم Body ، و هو لوضع نص معين يظهر للزائر في الصفحة.
في المثال الحي السابق يمكن إلقاء نظره على بعض الأمور التي يمكن ان ندرجها ضمن القسم الخاص بالهيد [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ، ثم إضغط بالزر الأيمن للماوس ثم اختر من القائمة ( عرض المصدر أو View Page Source ) ، الآن سوف ترى الكود الخاص بالصفحة بالكامل ، ستلاحظ أن هناك أمور إضافية غير موجودة في مثالنا السابق ، وسنتطرق لها في دروسنا القادمة إن شاء الله .

وبذلك نكون قد أخذنا فكرة عامة حول طريقة بناء مستندات HTML …
ملخص الدرس :