وضع الصورة كخلفية للصفحة

يمكنك استخدام إحدى الصور كخلفية للصفحة, يكون ذلك من خلال العلامة <body….> الخاصة بجسم الصفحة, وذلك باستخدام الخاصية background, ويكون اسم الصورة, والمسار إليها عبارة عن قيمة هذه الخاصية كما يلي:

والمثال التالي يوضح كيفية استخدام الكود السابق في وضع الصورة كخلفية لصفحة الويب:

1. قم بتشغيل برنامجnotepad واكتب به نص ملفhtmlكما في الشكل التالي:
2. قم بحفظ المستند بامتداد html. وقم بفتح المستند في متصفح الإنترنت فتظهر الصورة في خلفية الصفحة, كما يوضحها الشكل التالي:

 

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