الدرس الرابع :الخطوط (FONTS) في html .

الخطوط(FONTS) في  :html  

الوسم الذي سنتعامل مع اليوم  هو <FONT> </FONT>

يتحكم في الخطوط من حيث النوع FACE و الحجم SIZE  و اللون COLOR وهي خصائص هذا الوسم .

علما أن القيم الافتراضية للـ :FONT  هي FACE=TIMES NEW ROMAN و SIZE=3 و color=black

لنشرح كل خاصية على حدى :

1-      الخاصية FACE  :

 تحدد نوع الخط الذي نريد ان يظهر به الموقع, و نستطيع أن نختار أكثر من نوع بل من الأفضل اختيار أكثر من نوع , لان المتصفح قد لا يقرأ النوع الأول فينتقل مباشرة الى النوع الثاني و هكذا.

و تكتب الخاصية كالتالي :

text</FONT> <FONT FACE=" TAHOMA , ALGERIAN,ANDALUS">

لاحظ وضعنا أكثر من نوع للخطوط كـ:Tahoma  و ALGERIAN و ANDALUS بين علامتي التنصيص و بين كل نوع و الذي يليه فاصلة.

لنكتب الكود التالي :

و يكون الناتج كالتالي :

ملاحظة :

إذا كان نوع الخط مكون من أكثر من كلمة فانه يوضع بين علامتي تنصيص مثل  TIMES NEW ROMAN "" ثم النوع الذي يليه  يفصل بينهما بفاصلة.

2-      الخاصية SIZE :

و هي تحدد حجم الخط . وليس هناك أكثر من سبعة (7) أحجام للخطوط يمكن للمتصفح أن يتعرف عليها

أي قيم الخاصية Size  هي من واحد إلى سبعة مثلا :

<FONT SIZE="3"> text</FONT>

و تعتبر هذة هي الطريقة أو الأسلوب الأول لإدخال القيم . لنكتب الكود التالي :

و يكون الناتج كالتالي :

 و أما الأسلوب الثاني :

 فهو الإدخال النسبي  و يكون بإضافة علامتي الزائد(+) أو الناقص(-) للأرقام من واحد(1) إلى ستة(6) ونكون بهذا الشكل :

<FONT SIZE="+5"> text</FONT> و كأنك تأمر المتصفح أن يكبر لك حجم الخط خمس مرات على الحجم الافتراضي و كذلك علامة الناقص أي صغر لي الخط بعدد الرقم المرفق مثلا خمس مرات ’ وهكذا .

لنكتب الكود التالي :

فيكون الناتج كالتالي :

3-      الخاصية color :

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

و يكتب مثلا كالتالي :

<FONT color=RED> text</FONT> فيكون النص باللون الأحمر. وهكذا

لنكتب الكود التالي :

 فيكون الناتج كالتالي :

 كما نستطيع الجمع بين جميع خصائص FONT . إذن فلنكتب الكود التالي:

فيكون الناتج كالتالي :

ملاحظات سريعة :

1-      لعمل سطر بين نصين أو كائنين نستعمل الوسم</br>   اختصار لكلمة لbreak line  .

2-      القيم الافتراضية للـ  FONT هيCOLOR=BLANCK . SIZE=3 .  FACE=TIMES NEW ROMAN:.

3-      مقاسات المتصفح لا تتعدى السبعة .

4-      الخط المكون من أكثر من كلمة يكتب بين علامتي التنصيص مثلا :"TIMES NEW ROMAN"

مشاهدة الفيديو اضغط هنا

في الأخير... فضلا و ليس أمرا إذا أعجبك المقال. فشاركه مع غيرك.

روزوا صفحتنا على الفيسبوك : MADI TECH ONE