إضافة خصائص للوسوم 1

1- وسم الصور: يمكن استخدام الخصائص لتحديد حجم الصورة، وتحديد الموقع الذي يجب عرضها فيه، وتحديد النص البديل الذي يتم عرضه إذا لم يتم تحميل الصورة، على سبيل المثال:

<img src="lobbycode.jpg" alt="nice picture" width="500" height="300" align="right>

في هذا المثال، تم استخدام الخصائص width و height لتحديد حجم الصورة، والخاصية align لتحديد الموقع الذي يجب عرض الصورة فيه.

2- وسم الروابط: يمكن استخدام الخصائص في وسم الروابط لتحديد الرابط الذي يجب توجيه الزائر إليه، وتحديد النص الذي يجب عرضه للزائر، على سبيل المثال:

<a href="https://www.lobbycode.com" title="موقعنا لوبي كود"> lobbycode</a>

3- وسم القوائم: يمكن استخدام الخصائص في وسم القوائم لتحديد نوع القائمة، وتحديد الرابط الذي يجب توجيه الزائر إليه عند النقر على العناصر في القائمة، على سبيل المثال:

<ul>

<li><a href="https://www.lobbycode.com"> first element</a></li>

<li><a href="https://www.lobbycode.com"> second element</a></li>

<li><a href="https://www.lobbycode.com"> third element</a></li>

</ul>

لتحسين مظهر صفحة الويب يمكن استخدام خصائص لوسم body ولكن سوف تطبق على جميع محتويات الصفحة مثل:

1- خاصية الخلفية (background): يمكن استخدام هذه الخاصية لتحديد لون خلفية صفحة الويب.

2- خاصية اللون (color): يمكن استخدام هذه الخاصية لتحديد لون النص في صفحة الويب.

3- خاصية الخط (font): يمكن استخدام هذه الخاصية لتحديد نوع الخط وحجمه ونمطه.

4- خاصية الهامش (margin): يمكن استخدام هذه الخاصية لتحديد هامش الصفحة الخارجي.

5- خاصية التباعد (padding): يمكن استخدام هذه الخاصية لتحديد التباعد بين حاشية الصفحة الداخلية والمحتوى.

6- خاصية الهوامش الداخلية (inner margin) والخارجية (outer margin) (margin-top، margin-bottom، margin-right، margin-left) والتي تمكنك من تحديد هامش محدد لأي جانب من جوانب الصفحة.

مثال: