ط¯ظˆط±ط© CSS (( ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ„ط« ))


السلام عليكم

آسف على التأخر و ذلك لإنشغالي ببرمجيات PHP و لكن ها أنا عدت

عناصر الدرس مفصل :

1 - وسوم HTML .
2 - خصائص الوسوم .
3 - وسم Body .
4 - وسم P .
5 - وسم H .

وسوم HTML

الوسم :

مثال على الوسم :

رمز PHP:
<code style="white-space:nowrap"> <code> <p align="center" color="#FF0000">We Are Learning CSS</p>
</code> </code>

سأعرف الوسم :

الوسم هو هذا : <p> و يجب أن يغلق الوسم عن طريق وضع نفس الوسم و لكن وضع علامة رمز Code:
/
قبل اسم الوسم في الإغلاق .

خصائص الوسوم : رمز PHP:
<code style="white-space:nowrap"> <code> <p align="center" color="#FF0000">We Are Learning CSS</p>
</code> </code>





إن خصائص الوسوم هي إضافات على الوسم فمثلا ما بين وسمي P يطبع في المتفصح فالكود code في الاعلى يطبع We Are Learning CSS

و في خط صغير و أسود

و لكن يوجد ما يعرف بالخواص لتغيير لون الخط و حجم الخط و محاذاة الخط

و الخواص توضع في وسم الفتح لا في وسم الإغلاق

فبعد فتح الوسم ضع مسافة ثم ضع الخاصية

وسم Body

ما بين وسم بودي هو الذي يوضع بالصفحة

فإذا وضعت وسم P للكتابة بين وسمي head فلن يكتب ما بين وسمي P في المتصفح

و لوسم Body عدة خصائص أهمهاا لون الخلفية كالتالي :

رمز PHP:
<code style="white-space:nowrap"> <code> <body bgcolor="#FF0000"></body>
</code> </code>

و تكثر خواصه في حين استخدام بعض دوال الجافا سكربت ..

الوسم P

إن الوسم P كما ذكرت لطباعة جملة joomla في المتصفح و هذه أهم خواص الوسم P :

class : يستخدم في CSS
id : لتعريف الوسم و يستخدم في CSS و جافا سكربت
title : حين وضع الماوس على الكلام المكتوب يظهر ما بين خاصية title .
dir : لتحديد الإتجاه إن كان يمينا أو شمالا .
lang : تستخدم لتعيين ترميز .

الوسم H
إن الوسم H لا يعمل لوحده بل عند إضافة رقم عنده

و الأرقام المسموح بها من الواحد إلى الستة

الواحد هو أكبر خط و إلى الستة يقل تدريجيا

و كمثال :

رمز PHP:
<code style="white-space:nowrap"> <code> <H1>
<H2>
<H3>
<H4>
<H5>
<H6>
</code> </code>

و لا تختلف خواصها عن خواص الوسم P

اتمنى أنني وفقت في شرح طريقة الدرس مفصل و سنلاقيكم في الدرس مفصل القادم إنشاءالله

تحياتي ...









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©