بناء أول صفحاتك - الجزء الثاني
7 أبريل 2008
في هذا الجزء سنأخذ بعمق قليلاً في شرح فكرة وسوم HTML ، هذا مثال توضيحي لوسم HTML على نص و التصوير على المنظور البنائي للمصدر في الصفحة أي ترى الصفحة على طبيعتها قبل أن يترجمها المتصفح :
كما تلاحظ فأن وسوم HTML تأتي على عدد مزدوج عبارة عن وسم فتح <b> و ينتهي بوسم غلق <b/> . مع التأكد بأن هناك سلاش يأتي في وسم الغلق و يكون في المقدمة هكذا <b/> و ليس </b> . و بهذا التوضيح ستجد بأن عبارة التي باللون الازرق هي التي ستظهر تحت تأثير Bold لأنه تقع في حدود الوسم و بعكس النص الرمادي فهو خارج هذه الحدود و النتيجة :
! I Like The Arabian Web Alot
بعض الأمثلة الأخرى لتوضيح الفكرة أكثر
</b> سيعطي تأثير أكثر جرأة <b>
</i> يعطي تأثير مائل <i>
</h4> هذا التأثير يقوم بتكبير حجم الخط على مقاييس ثابتة معتمدة <h4>
</table> يمكنك من تكوين جدول <table>
لنرى شكل التأثيرات:
هذا التأثير يقوم بتكبير حجم الخط على مقاييس ثابتة معتمد
| يمكنك تكوين جدول |
ملاحظة : وسوم HTML ليست فقط لتنسيق الخطوط و الصفحات ، بل تستخدم كذلك لإدراج مقاطع متعددة الوسائط مثل الفيديو و الصوت و الفلاش و الكثير من الامور المتقدمة .
تركيبة صفحة الويب الأساسية
الأن و قد فهمنا طريقة تركيب الوسم و طريقة عمله ، لنتعرف على طريقة بناء الصفحة . تتكوين الصفحة بين هذين الوسمين ، و هنالك فقط وسمين أساسين هما :
- الرأس Head :
و هو الوسم الأساسي و كما هو موضح بالرأس . فكل شي يبدأ بالرأس فيحتوي هذا الوسم على المعلومات الأساسية عن الصفحة فمثلا يحتوي هذا الوسم على وسم التعريف باسم الصفحة و هو <title> فبدونه لن تستطيع من تسمية الصفحة . و كذلك تجد به وسوم METAا المهمة جداً للتعريف بالصفحة و التوثيق و الذي تعتمده محركات البحث . و بهذا الوسم يتم تعريف المتصفح بترميز البرمجي لهذه الصفحة ليترجم بشكلها الصحيح . و يمكنك به أن تخبر المتصفح بأن هذه الصفحة عربية و ذات أصل عربي و تم تكوينها باسم شخص معين و إلخ . ولكن لا شي يظهر أمام المستخدم أبداً و لكن هو من سيتحكم بما سيظهر و كيفية الظهور و الإستعراض .
- الجسم Body :
في هذا الوسم تقام الحفلة ، جميع ما سيظهر أمام الزائر على المتصفح سيكون تحت هذا الوسم ، و أنا أقصد كل شي من نصوص و صور و تطبيقات و جداول و تنسيقات للوسوم الاخرى نفسها و إلخ.
* ستلاحظ بأن كلا الوسمين يأتيان بهذا الشكل
<head></head> , <body></body>
لكن إذا كان وسم الجسم هو الأساس لمحتويات الموقع و كان وسم الرأس هو الأساس لتوثيق و تعريف الصفحة الـ HTML ، فمن الذي يتحكم بتعريف الصفحة بأنها HTML ؟؟ أجل بالتأكيد تساءلت و الإجابة هي :
<html> </html>
إن HTML هي أم جميع الوسوم و كأي وسم آخر فهي يجب أن تبدأ و تنتهي ، يجب على أي صفحة بالعالم أنت تحتوي على وسم HTML و إلا لن يتعرف المتصفح مثل الاكسبلورر على الصفحة و لن يعرضها على شكل صفحة بل ستظهر على شكل نص عادي Text.لذا في نهاية الأمر ستكون الصفحة بشكل المصدري هكذا :
<html> <head> <title/>عنوان الصفحة<title> <head/> <body> <p/>نصوص<p> <body/> <html/>
أكتب تعليق