الدرس الثاني في لغة HTML
وسم الـ <body>
تحدثنا في الدرس السابق عن البنية الاساسية لملف HTML الدرس الاول في لغة HTML في هذا الدرس سنتعلم كيفية التحكم في وسم <body> وتعديل خصائص الوسم المختلفة.
س: ما فائدة وسم الـ <body> داخل صفحة الويب؟
ج: وسم الـ <body> يعتبر اهم جزء في صفحة الويب حيث انه المتحكم الكامل في المظهر العام للصفحة واضافة تأثيرات جمالية للصفحة. وهذا الوسم يكتب في بداية الصفحة فقط وعند نهاية الصفحة نستخدم وسم النهاية <body/>
لكل وسم في لغة HTML مجموع من الخصائص للتحكم في الكيفية الذي يعمل بها الوسم.
لنبدأ شرح خصائص وسم الـ <body>:
الخاصية الاولي bgcolor لوسم الـ <body> :تقوم بتحديد لون خليفة للصفحه
مثال1:
<body bgcolor="green">
.
.
.
</body>
في هذا المثال تم تغيير لون الصفحة من اللون الافتراضي الي اللون الاخضر باستخدام الخاصية "bgcolor="green
مثال2:
<body bgcolor="red">
.
.
.
</body>
في هذا المثال تم تغيير لون الصفحة من اللون الافتراضي الي اللون الاحمر باستخدام الخاصية "bgcolor="red
لاحظ اننا كتبنا الخاصية متبوعه بعلامة = ثم كتبنا قيمة الخاصية
مثال3:
<body bgcolor="ffffff">
.
.
.
</body>
في هذا المثال تم تغيير لون الصفحة الي اللون الابيض باستخدام الخاصية "bgcolor="ffffff
لاحظ اننا في هذا المثال تم استخدام كود بدلاً من استخدام اسم اللون فما يعني هذا الكود " الكود هو مزيح من الالوان الاساسية الاحمر والاخضر والازرق" لمعرفة المزيد راجع هذا المقال القليل عن الالوان في لغة HTML
الخاصية الثانية background لوسم الـ <body> :تقوم بتحديد صورة خليفة للصفحه
وتكتب كالتالي
background="اسم الصورة. امتدادالصورة"
مثال1:
<body background="input.jpg">
.
.
.
</body>
مثال 2:
<body background="output.gif">
.
.
.
</body>
قبل الشروع في العمل مع خاصية جديدة من خواص وسم الـ <body> نحتاج ان نعرف المزيد عن انواع الصور من اجل الالمام بالخاصية السابقة:
يزخر عالم الحاسب الآلي بالعديد من انواع الصور تختلف عن بعضها في الدقة وعدد الالوان التي تستوعبها الصورة والحجم لذلك يوجد العديد منها (.jpg, .jpeg, .bmp, gif ,وغيرها)
الخاصية الثالثة text لوسم الـ <body> : تقوم بتغيرلون نص الصفحه الاساسي
مثال1:
<body text="blue">
.
.
.
</body>
الخاصية الرابعة link لوسم الـ <body> : تقوم بتغيرلون الارتباط التشعبي
الارتباط التشعبي هو الارتباط بملف او صوره او صفحة خارجية أو داخلية او ارتباط الي جزء من أجزاء الصفحة مثل الروابط الظاهرة في نتائج البحث لموقع جوجل
مثال1: لون الارتباط التشعبي الافتراضي ازرق قبل تعديله باستخدام الخاصية كما هو ظاهر بالصورة التالية:
مثال 2: تطبيق الخاصية link
في هذا المثال تم تغير لون الارتباط التشعبي الي اللون الوردي بدلا من اللون الافتراضي (الازرق) كما في الصورة التالية
الخاصية الخامسة vlink لوسم الـ <body> : تقوم بتغيرلون الارتباط التشعبي الذي تم زيارته:
مثال: في هذا المثال يتم تغير لون الارتباط التشعبي الذي تم زيارته (اي الرابط الذي سننتقل اليه) الي اللون الرمادي
الخاصية السادسة alink لوسم الـ <body> : تقوم بتغيرلون الارتباط التشعبي النشط:
مثال: في هذا المثال يتم تغير لون الارتباط التشعبي النشط (الذي يتم الضغط عليه الآن) الي اللون الاصفر
ليست هناك تعليقات:
إرسال تعليق