الألوان في لغة html الدرس |5| - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الخميس، 28 نوفمبر 2019

الألوان في لغة html الدرس |5|


الألوان color

سوف نقوم في هذا الدرس بالتعرف على الخصائص التي يمكن استخدامها في الوسم body من اجل التحكم بالشكل العام للصفحة وخصوصاً فيما يتعلق بالألوان colors او اللون الافتراضي يكون اللون رمادي ماذا اذا كنت اريد تغيير الألون في الصفحة الخاصة بي من حيث الخطوط او الجسم بالكامل ماذا افعل؟ إليك الحل لغة html تمكنك التحكم بألوان الصفحة ونحن نعرف جميعاً بأن اكثر الاكواد تكتب داخل الوسم body لذلك يمكنك التحكم بتنسيق الألوان داخل الوسم body مثال

<html>
<head>
<title> Programmer Tech </title>
</head>
<body bgcolor = "#00ff00">
HELLO WORLD
</body>
</html>


شرح المثال السابق

تم استخدام الخاصية bgcolor لتقوم بتعريف المتصفح اننا نريد استخدام لون معين لكن لم احدد اي لون و تم استخدامها في داخل الوسم body ومعنى هذا اننا نريد لون معين لكامل الصفحة من خلال كود اللون "00ff00" وايضا استخدمنا # لأن توجد متصفحات لا تتعرف على العدد السداسي عشري الذي كتبنا به كود اللون من خلال العدد فقط, وكتبنا الكود ضمن اشارتين تنصيص "".

من خلال هذه الصور يمكنك التعرف على اكواد الالون بشكل اكثر دقه :


من خلال موقع w3schools يمكننا معرفه اكواد الألوان جميعها للدخول للموقع مباشر اضعط على الكلمه التالية


اعطاء صورة لكامل جسم الصفحة

اليوم سنتعرف على كيفية اعطاء الصفحة صوره لتكون ورق حائط للصفحة بإستخدام خاصية background, وهذه الخاصية تحدد لنا ما اذا كنا نريد اعطاء صوره لخلفية الصفحة, ونحن نعرف ان الوسم body يكتب به اغلب الأكود وهو الوسم المتحكم في جسم الصفحة لذلك سوف اعطي هذه الخاصية الى الوسم body لتكون خلفية للصفحة كلها


شرح المثال

تم استخدام اللون الأسود الذي كوده 000000# ليكون خلفية للصفحة من خلال خاصية bgcolor لكن هذا اللون لن يظهر لأن بالتأكيد سيتم استحضار الصورة kaissar.jpg من خلال خاصية background ومن خلال هذا ستكون الصوره هي خلفية الصفحة وليس اللون الاسود الذي كتبناه, تم استحضار الصورة عن طريق مسار الصورة الذي مكانها في نفس الملف الذي اعمل به.

سوف ننفذ العملية السابقة في المتصفح



نلاحظ بأن المتصفح قد قام بتكرار الصوره, لتفادي ذلك نقوم بتعديل طول وعرض الصورة من خلال برنامج الفوتوشوب او برامج تعديل صور غيره.


الخصائص الذي تتحكم بالألوان و النصوص

تحديد لون النص الأساسي للصفحة استخدمنا هنا الأصفر 
 "text="#ffff00

تحديد لون الوصلات التشعبية 
"link="#ffff00

تحديد لون الوصلات التشعبية التي تمت زيارتها 
 vlink="#ffff00"

تحديد لون الوصلة التشعبية الفعالة عندما يتم النقر عليها
alink="#ffff00"

مثال يجمع كل ما سبق من خصائص

هناك تعليق واحد:

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام