يمكن استخدام بعض الخصائص داخل وسم الجسم <body>، هذه الخصائص تستخدم في تحديد التنسيق العام للصفحة مثل:
| الخاصية | مثال | تعليق |
| bgcolor | Bgcolor="black" | تحديد لون خلفية الصفحة. |
| background | Background="image.jpg" | تحديد صورة الخلفية المتكررة. |
| text | Text="white" | تحديد لون النص الأساسي للصفحة. |
| link | Link="yellow" | تحديد لون الوصلات التشعبية. |
| vlink | VLink="blue" | تحديد لون الوصلات التشعبية التي تمت زيارتها visited links. |
| alink | ALink="red" | تحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها active links |
| topmargin | Topmargin="1" | تحديد حجم حاشية الصفحةالعلوية. |
| buttommargin | buttommargin ="1" | تحديد حجم حاشية الصفحةالسفلية. |
| leftmargin | leftmargin ="0" | تحديد حجم حاشية الصفحةاليسرى. |
| rightmargin | rightmargin="0" | تحديد حجم حاشية الصفحة اليمنى. |
ملاحظات:
- الوصلة التشعبية هي تلك الجمل الملونة التي تقوم بتوجيهك إلى صفحات أخرى عند النقر عليها وسنأتي للتفصيل لذلك في درس قادم .
- يقوم المتصفح بتكرار عرض الصورة "image.jpg" بطريقة التجانب وأنها أصبحت تغطي كل الشاشة. بحيث حجبت أيضاً اللونالأسود الذي حددناه كلون الخلفية (من خلال الخاصية BGCOLOR) والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية. ومع ذلك يفضل تحديده إحتياطاً خاصة وأن بعض المتصفحات القديمة توصف بأنها متصفحات نصية Text-Based Browsers (أي ليس بإمكانها عرض الصور). أو ربما هناك بعض المستخدمين الذين قاموا بإلغاء خيار عرض الصور تلقائياً من متصفحاتهم. إذن لنعطهم على الأقل فرصة مشاهدة بعض الألوان إن لم يستطيعوا مشاهدة الصور.
- إننا نستطيع استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة، والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة.
مثال :
| هل استنتجت أنني اخترت اللون الأسود للخلفية؟ وان النص سيظهر باللونالأبيض؟ أما الوصلات التشعبية فلونها أصفر، والوصلات التي تمت زيارتها ستظهر باللون الأزرق. أما تلك الوصلة الفعالة فستظهر باللون الأحمر في لحظة النقر عليها بالفأرة، وأن حجم حاشية الصفحة العلوية هو صفر؟ |
<body alink="red" link="yellow" vlink="blue" bgcolor="black" text="white" topmargin="0"> This is some Text.<br> And here are some links :<br> <a href="http://www.download.com/">Great Downloads</a><br> <a href="mailto:عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. يجب عليك تفعيل الجافاسكربت لرؤيته.">Bill Gates!?</a><br> <a href="http://www.msn.com/">Microsft Network</a><br> <a href="http://www.hotmail.com">Free E-mail</a> </body> |
تمرين تطبيقي :
أنجز صفحة تحتوي على خاصيات الوسم <body> المكتوبة أعلاه مع ملاحظة الفروق عند تغير قيم هذه الخاصيات.