الصفحة الرئيسية
الصفحة الرئيسيه المرجع الكامل كتب وبرامج مجانية المنتدي  مواقع هامه

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

فهرس الصفحة

[ Face | تغيير لون الخط | أمثله ]

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

خاصيه 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

 

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

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

المصدر العربي التعليمي للـHTML

¤  المحتويات 

البدايه هنا
أبدأ هنا ·
دروس سريعة للمبتدئين ·

الدروس المتخصصه
النص ·
الصور ·
الجداول ·
الأطر ·
النماذج ·

 
فهرس النص  ¤

> العناوين وحجم الخطوط
> الرموز الخاصه

> الوصلات

> القوائم

> قائمة بجميع وسوم النص

> النص المتحرك

 

¤  Html4Arab صندوق الأدوات 

> إبحث في الموقع  Search


Html4Arab بحث المصدر العربي التعليمي لل HTML يأتيكم من [Atomz.com] بحث متقدم


أشترك في القائمة البريدية
لتحصل علي آخر آخبار
الموقع و التحديثات

أشترك إلغاء الإشتراك

> أخبر صديقك عن الموقع

هل أعجبت بموقعنا


أذن أضفنا إلي المفضله <


مستخدمين ال Netscape أضغط CTRL+D

 
" إعلانات "


برعاية شبكة هايل

^ أعلي^ للإعلان بالموقع اربط بموقعنا أتصل بنا

© 2002 Ahmed Salah