2024208494886170954365459073536587125329324600425355324472245929212525005525530030271027810172575929800065427858557245242200073127892960531555

السبت، 4 يوليو 2020

صمم موقعك الإلكتروني سريعاً خصائص وسم الجسم -الدرس الثاني


خصائص الوسم <body>

كما اسلفنا في الدرس السابق فإن لغة HTML تتكون من أوسمة داخلها مجموعة من الخصائص وهنالك رموز أخرى سنشرحها لاحقا أما في الدرس الحالي سنقوم بشرح خصائص وسم الجسم <body> ، علينا أولاً أن نعرف موقع الخصائص بشكل عام .

خاصية لون الخط text:

الخصائص تكون في وسم البداية <body> وليس في وسم النهاية <body/> وهي تأتي بين كلمة الوسم وهي هنا body وبين الإشاره < مع مراعاة ترك مسافة واحده.
اغلب الخصاص تحتوي قيم فمثلا خاصية لون الخط text تاخذ قيم رقم اللون في نظام Hexadecimal  - وهذا النظام هو نظام لإعطاء كل لون رقم مميز حسب درجة تركيب الألوان الأساسية الأحمر الأزرق الأخضر- ويمكنك إستخراج الألوان من خلال الرابط التالي htmlcolorcodes.com ومثال ذلك:


ملاحظة إذا لم تسطيع الدخول الى الملف بمعالج Notepad يمكنك تفعيل ذلك من خلال الضغط على الزر الأيسر للفأره ثم open with ثم اختار المعالج Notepad وإذا لم يكن ظاهراً في الخيارات الأولى فابحث عنه من خلال Choose another app كما في الصورة:


قيمة الخاصية: 

لاحظ المسافه المتروكه بين وسم body وبين الخاصية text ولاحظ وجود رقم الهيكسادييسميل 21D514  بين الاقواس المزدوجة " " وهذا الرقم هو قيمة للخاصية text ونضع بينهما إشارة =

لوأردت تغير لون الخط في جسم الصفحة body للون الأحمر لاحظ التغير:




خاصية اتجاه النص dir:

وهي خاصية تحدد إلتفات النص داخل جسم الصفحة ويأخذ قيم محددة هي :

         أ - rtl وهي اختصار من اليمين الى اليسار Right To Left.
        ب- ltr وهي اختصار من اليمين الى اليسار   Left To Right.
    
وبالطبع الإتجاه التلقائي هو من اليسار الى اليمين فاذا اردنا تغيره نقوم ما يلي:
<"body  dir="rtl">
كما يمكننا ادراج اكثر من خاصية داخل الوسم لاحظ الصورة



خاصية لون خلفية الصفحة bgcolor:

وهذه الخاصية تأخذ قيم بنظام Hexadecimal  وكذلك اسماء الألوان الأساسية باللغة الإنجليزية مثل (red, blue, green, yellow, black, white) لاحظ الصورة:



لكن هل يمكنني ان اضع الخلفية على شكل صورة ؟


خاصية  خلفية الصفحة background:

هذه الخاصية تأخذ قيمة صورة بإمتدادات الصور مثل jpg. كما ويجيب أن تكون الصورة في نفس المجلد فإن لم تكن فعليك ان تأخذ عنوانها الكامل من الملجد الأخر لاحظ الحالة الأولى لصوره محفوظة في نفس مجلد ملف Notepad والحالة الثانية لصورة محفوظه في مكان أخر:


هنا أدخلت قيمه صورة محفوظه على نفس المجلد اسمها pic1 وامتدادها JPG والنتيجة ستكون هكذا:



يمكنك معرفة امتداد الصوره من خلال الضغط على الصورة بالزر الأيسر للفأرة ثم النقر على Properties  وسيظهر لك مربع حوار كما يلي:



اما اذا لم تكن الصورة محفوظة على نفس المجلد فيجيب أن تضع عنوانها الكامل ثم اشارة \ ثم إسم الصورة ثم . ثم الإمتداد:



ويمكنك ان تجد العنوان الكامل كما في الصورة:



وستكون النتيجة كما يلي:




خاصية link, alink, vlink:

 هي خصائص تأخذ قيم الألوان سواء الألوان الأساسية اوبنظام Hexadecimal  لإعطاء لون للروابط على الصفحة كما هذا الرابط وسنقوم بشرحها بعد درس تحميل الروابط على موقعك.

خاصية name, id :
هي خصاص لتميز الوسم وهي خصائص مشتركة لأغلب الأوسمة ليمكننا من الرجوع إلى الوسم والى منطقته من أي مكان أخر.

هذه اغلب خصائص body tag وسم الجسم في الجدول التالي:



يمكنك وضع ملاحظاتك و إستفساراتك في التعليقات وسنقوم بمتابعتها والرد عليها 


إلى لقاء جديد بإذن الله




----------------------------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------------------------

كافة الحقوق محفوظة لـ مدونة رعد: لإثراء المعرفة التقنية 2019