منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد

http://img185.imageshack.us/img185/1873/44ux7.gif

الدرس (5) : الخطوط بلغة HTML

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

راجع صفحتنا البسيطة التي عملنا فيها في الدرسين السابقين. إننا لم نقم بالتعامل مع الخطوط فيها ولا بأي شكل من الأشكال. أي أننا تركناها على إعداداتها الافتراضية.
وبالمناسبة فإن هذه الإعدادات هي خط عادي، نوعه Times New Roman وحجمه 3 (بمقياس متصفحات الإنترنت). الوسم الأول الخاص بالخطوط هو <FONT> ... </FONT>
وهو يقوم بالتحكم بالخطوط من حيث النوع واللون والحجم. أما الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى للخطوط فهي كالتالي:

Font

وهذه الخاصية تحدد نوع الخط

وتبدأ بـ

كود PHP:

   <font>

وتنتهي بــ

كود PHP:

   </font>

وكمثال

كود PHP:

   <font face="tahoma">
النص هنا
</font>

ويمكنكم اختيار نمط الخط من بين الأنماط التالية

كود PHP:

   Arial
Arial Black
Comic Sans MS
Tahoma
Andalus
Akhbar MT
Old Antic Bold
Old Antic Decorative
Italic Outline Art
Farsi Simple Outline
Kufi Extended Outline
Led Italic Font

Color

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

http://img155.imageshack.us/img155/1...6qryjwmcn4.gif
الدرس الرابع

نظام أرقام الألوان يأتي بشكل واحد، فهو يبدأ بعلامة # ثم ستة أرقام أو أحرف، هناك أكثر من ألف رقم للألوان وليس من السهل تذكر إلى أي لون يشير أي رقم

أبيض: #ffffff
أسود: #000000
أحمر: #ff0000
أزرق: #0000ff
أخضر: #00ff00
أصفر: #ffff00

http://www.fadaeyat.com/vb/attachmen...1&d=1265149563

http://jaykayonline.com/color-chart-values.gif

- حجم الخط (النص )
font size

كود:

<font size="5">
 النص هنا 
 </font>

هذا يعني تكبير الخط 5 درجات عن المعدل الافتراضي

كود:

<font size="-5">
 النص هنا 
 </font>

الفرق بين كلتا الحالتين هووضع اشارة سالب (-)

وإليك نماذج بأحجام الخطوط

خط بحجم 1
خط بحجم 2
خط بحجم 3 (الخط الافتراضي)
خط بحجم 4
خط بحجم 5
خط بحجم 6
خط بحجم 7

هام:

الخطوط في لغة الــ html تكون من 1 الى 7 أي رقم نضعه اكبر من الرقم 7 يتعرف عليه كأنه خط بحجم 7

تطبيق

أكتب الأكواد التالية في المفكرة

كود:

<html>

<body>
 

<font color="#FF0000" face="arial" size="7">

Profvb
 

 </font>

 

</body>
 

</html>

- يمكنك تعديل حجم الخط ونوعه و لونه وحتى العبارة التي تود أن تظهر في الصفحة النهائية

_____________

تحياتي الخالصة للجميع