تأشيرات الصفحة

تمهيد

موضوعنا اليوم، عن تأشيرات الصفحة. وقبل أن نتحدّث عنها، سنتحدّث قليلاً عن هيكل الصفحة بالهتمل:

أي صفحة هتمل تبدأ بكتابة تأشيرة الهتمل و تنتهي بكتابة تأشيرة إغلاق الهتمل . تحتوي صفحة الهتمل على جزئين هما الـ Head كما تراه في الجزء الأزرق في الصفحة المقابلة و يكون محصوراً بين تأشيرتي و ، والجزء الثاني هو الـ Body كما هو موضّح بالجزء الوردي من الصفحة المقابلة. و يكون محصوراً بين تاشيرتي و . عند انزال صفحة الهتمل في المتصفّح، يتم انزال الجزء الأزرق أولاً. و يتم تنفيذ ما فيه. و توضع فيه بعض السيكربتات التي تكون جاهزة للاستخدام في أي وقت. لذا الترتيب في هذا القسم قد لا يكون مهماً. أماالجزء الوردي فيمثل الصفحة، لذا  الترتيب فيه مهم، فما يوجد فيه، يظهر بنفس الترتيب الذي وضعته.

نقطة توقف..

إن المتصفحات الحديثة تقوم بقراءة أي صفحة نصية، و تنفيذ تأشيرات الهتمل في داخلها دون أن نضع في بدايتها تأشيرة الـ . و لكن نوصي بوضع هذه التأشيرة في كل الأحوال.

تأشيرة الـ head

تأشيرة الـ head من التأشيرات التي قد تحتوي تأشيرات أخرى في داخلها مثل تأشيرة الـ هكذا:

إن تأشيرة الـ تقوم بتحديد عنوان الصفحة كما يظهر في الـ window bar. و في مثالنا سيظهر هكذا:

من التأشيرات الأخرى التي قد نضعها في داخل تأشيرة الـ . تأشيرة الـ meta. و سنتحدث عنها بالتفصيل إن شاء الله فيما بعد.

تأشيرة الـ body

تأشيرة الـ body هي التأشيرة التي تحصر في داخلها محتويات الصفحة. و حين نقول في داخلها نعني ما بين تأشيرة و تأشيرة إغلاقها . و يمكن أن نحدد في تأشيرة الـ نفسها عدة خصائص كما يلي:

نلاحظ كما هو واضح من الشكل أننا يمكننا عن طريق تأشيرة الـ أن نحدد الألوان التي تكون للنص الرابط، أو لون الرابط الذي تمت زيارته، أو لون الرابط أثناء الضغط عليه. و كذلك نستطيع تحديد لون الخلفية. و لتأشيرة ال خصائص أخرى مثل صورة الخلفية أو ملفاً صوتياً يتم تشغيله في خلفية الصفحة كذلك.

تمرين

افتح المفكرة (Notepad)، و اكتب فيها التالي:

واحفظ الملف بامتداد html أو htm.

الآن افتح الملف في الإكسبلورر هكذا:

اضغط Browse كما في الصورة، سيظهر لك مربع الحوار الذي تحدد عن طريقه الصفحة التي قمت بتصميمها، ثم ستعود لمربع الحوار في الصورة العلوية، و سيكون زر OK مفعلاً هذه المرة، اضغط عليه و انظر إلى الصفحة. هل عرفت عمل خاصية text من خصائص الـ ؟

هل ترغب في تجربة المزيد؟ انتظر الدرس القادم. فلدينا الكثير لنجربه :-)

وفوق كل ذي علم عليم

أوشال