أشكال وألوان الخطوط

الكثير من الناس يتسائلون عن كيفيه تغيير الخطوط أو بإستعمال خطوط مختلفه في النص الخاص بفقرة معينه ؟ وللإجابه علي هذا السؤال تابع هذا الدرس :-

خاصيه FACE

تقوم هذه الخاصية بتحديد نوع الخط الذي نريده، و الخط الإفتراضي في جميع المستعرضات هو

12pt Black Times New Roman

و هو خط فعلا جذاب ورومانسي في الحروف الإنجليزيه وصمم لجعل القراءه سهل لكن ليس للخطوط العربيه ولذلك فأنت تحتاج إلي أختيار أنواع خطوط أفضل للغه العربيه و لقد أستعملت نوع الخط Arial وهو من أكثر الخطوط أنتشارا علي الإنترنت حيث أن هذا الخط متواجد تقريبا في أغلب أجهزة الحاسبات في كل أنحاء العالم ، وإليك الصيغه الخاصه بهذه الخاصيه

<FONT FACE="Arial">text</FONT>

 وقد نقوم بتحديد أكثر من نوع معاً. وفي هذه الحالة إذا لم يتواجد الخط المحدد أولاً على جهاز الشخص الذي يتصفح الموقع يتم إعتماد الخط الثاني ... وهكذا

‎<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">‎
.......النص يكتب هنا ............
<‎/FONT>

طبعاً لا تنس أن تتأكد من كتابة أسماء الخطوط بالصورة الصحيحة هجائياً

وهذه هي قائمة بأسماء أشهر و أكثر الخطوط إنتشاراً

تغيير لون الخط

هذه الخاصية تحدد لون الخط، وذلك بنفس مبادئ تحديد الألوان التي تحدثنا في درس خواص الصفحة

<FONT COLOR="#FF0000">النص</FONT>

يجب أن تعرف أن الألوان في صفحات الـ HTML تعرف عن طريق الـ HEX كود والذي يتكون من 6 أرقام هذه الأرقام تمثل الأحمر و الأخضر و الأزرق RGB لكي تري المرجع الكامل لهذه الأكواد وتختار اللون المفضل لك أنظر لي هذ المخطط أكواد ألوان الـ HEX ، و المستعرضات الجديدة تمنحك ميزة أن تكتب أسم اللون الذي تريده ولكن لألوان محدده و لتري مخطط لهذه الألوان إلقي نظره علي هذا المخطط

وهذا أمثله علي الألوان و أشكال الخطوط و أحجامها

<FONT FACE="Impact" SIZE="6" COLOR="#000000">C <‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">O<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">L<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">O<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">R<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">S<‎/FONT>

وتكون النتيجه هكذا

C O L O R S

ماذا لو أردنا تغيير شكل الخط مع تغيير اللون مع تغيير الحجم من هذا المثال ستري جميع أحوال الخطوط في سطر واحد :-

<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> This <‎/FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF"> is <‎/FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi <‎/FONT>
<FONT FACE="Impact" SIZE="4" COLOR="#000000"> colors, <‎/FONT>
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> multi <‎/FONT>
<FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> faces, <‎/FONT>
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00"> and <‎/FONT>
<FONT FACE="Arial" SIZE="5" COLOR="#808080"> multi <‎/FONT>
<FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes <‎/FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF"> text <‎/FONT>

This is multi colors, multi faces, and multi sizes text

الدرس التالي»»»

< الصفحة الرئيسيه | المرجع الكامل | النص >