تطبيق خلفية لون الصفحة
بما أنه سيكون خلفية الصفحة فبديهيا سيكون التطبيق على وسم الجسم body
وبما اننا نتكلم عن الالوان فأكيد سنستخدم سمة نمط=
style=” “
هناك العديد من الطرق للتعبير عن الألوان وهي إما القيمة GBR أو القيمة السدس عشرية .
<body style="background-color:
beige">
هنا النص
</body>
</body>
ماذا لو أردت أن تكون الخلفية صورة وليس لون؟؟
اعلم انك إذا أردت أن تختار صورة خلفية فيجب أيضا أن تحدد لون الخلفية
أيضا.
وسم الصورة هو:
هو سمه تقع في سمة نمط= وهي
سمة
background-image: url( هنا اسم وامتداد الصورة التي حفظتها على جهاز الكمبيوتر
)
ثم
نقطتين رأسيتين والتي تعبر عن عدم انتهاء السمة وأن بدالة سمة url
طبعا ذكرنا ان الخلفية تحدد في وسم الجسم الفتح وليس داخله اقصد ليس
محصور بين وسم الجسم
ممكن تـُكتب الألون بثلاث طرق:
- بأسماؤها
- قيم rgb
- أو بالنظام
الست عشري .
مرة أخرى ! كيف نجعل الخلفية صورة
وليس لون سادة؟
اللون, الصورة , وغيرها عبارة عن تنسيق , وقلنا أن أي تنسيق لازم
يـُسبق بكلمة style
وقلنا اللون : background-color
أما الصورة فهي: background-image
كان الكود للون هكذا
<body
style="background-color: beige; color:red>
الان كود الصورة هكذا
<body style="background-image: url (image.jpg)">
<body style="background-image: url (image.jpg)">
بدل كلمة image أضع اسم الصورة , و أكون قد حفظتها في ملف ما .
وبدل كلمة jpg أكتب صيغة الصورة التي سأرفعها قد تكون jpg, JPEG, …. etc.
لنطبيق :
<!DOCTYPE HTML>
<html dir="rtl">
<head> <title> </title> </head>
<body style="background-color: yellow">
سبحان الله وبحمده, سبحان الله العظيم
</body>
</html>
<html dir="rtl">
<head> <title> </title> </head>
<body style="background-color: yellow">
سبحان الله وبحمده, سبحان الله العظيم
</body>
</html>
ليست هناك تعليقات:
إرسال تعليق