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

الكثير من الناس يتسائلون عن كيفيه تغيير الخطوط أو بإستعمال خطوط مختلفه في
النص الخاص بفقرة معينه ؟ وللإجابه علي هذا السؤال تابع هذا الدرس :-
خاصيه FACE
تقوم هذه الخاصية بتحديد نوع الخط الذي نريده، و الخط الإفتراضي في جميع المستعرضات
هو
12pt Black Times New Roman
و هو خط فعلا جذاب ورومانسي في الحروف الإنجليزيه وصمم لجعل القراءه سهل لكن
ليس للخطوط العربيه ولذلك فأنت تحتاج إلي أختيار أنواع خطوط أفضل للغه العربيه
و لقد أستعملت نوع الخط Arial وهو
من أكثر الخطوط أنتشارا علي الإنترنت حيث أن هذا الخط متواجد تقريبا في أغلب
أجهزة الحاسبات في كل أنحاء العالم ، وإليك الصيغه الخاصه بهذه الخاصيه
<FONT FACE="Arial">text</FONT>
وقد نقوم بتحديد أكثر من نوع معاً. وفي هذه
الحالة إذا لم يتواجد الخط المحدد أولاً على جهاز الشخص الذي يتصفح الموقع
يتم إعتماد الخط الثاني ... وهكذا
<FONT FACE="Traditional
Arabic, Arabic Transparent, Simplified Arabic">
.......النص يكتب هنا ............
</FONT>
طبعاً لا تنس أن تتأكد من كتابة أسماء الخطوط
بالصورة الصحيحة هجائياً
وهذه هي قائمة بأسماء أشهر و أكثر الخطوط إنتشاراً
-
Arial, Helvetica, sans-serif
-
Verdana, Geneva, sans-serif
-
Times New Roman, Times,
serif
-
Garamond, Palatino, serif
-
Courier New, Courier,
monospace
تغيير لون الخط
هذه الخاصية تحدد لون الخط، وذلك بنفس مبادئ تحديد الألوان التي تحدثنا في
درس خواص الصفحة
<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
الدرس التالي»»»

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