بسم الله الرحمن الرحيم
اللهم علمنا ما ينفعنا و انفعنا بما علتنا
الدرس الرابع : تنسيق الخطوط
على الله نتوكل
تبدأ جميع الاوامر المتعلقه بــ الخطوط دائما بالامر
- الكود:
-
<font>
و تنتهي بالامر
- الكود:
-
</font>
لكن الشي الي يتغير هو الخاصيه المحطوطه ..
و هناك أربع خواص أساسيه لــ أوامر الخطوط تابعوا معي يا اخوان ..
أولاً : خاصية الوجه face ( نوع الخط )
و تستخدم كالتالي :
- الكود:
-
<font face="traditional arabic, arabic transparent, simplified arabic">
يوضع النص هنــا ....
</font>
انا حطيت ثلاث خطوط ... تدرون ليش ؟
لان اذا ما لم يستطع المتصفح عند ترجمة الشفره الى صفحة ويب الخط الاول راح يحط الخط الي بعده
و اذا ما حصل الثاني يحط الي بعده وعلى هذا المنوال
ثانياً : لون الكتابه
وتأتي كالتالي :
- الكود:
-
<font color="#ff00000">
يوضع النص هنــا ....
</font>
ثالثا
خاصية قياس الخط ( الحجم )
تأتي كالتالي :
- الكود:
-
<font size="2">
يوضع النص هنــا ....
</font>
رابعاً : خاصية تكبير الخط أو تصغيره وهذه لا تختلف عن النقطه الثالثه إلا بإنه تستطيع تصغير الخط
وفضلت شرح كل واحده على حذى ...
مثال على تصغير الخط
- الكود:
-
<font size="-3">
يوضع النص هنــا ....
</font>
هذا يعني تصغير الخط 3 درجات عن المعدل الافتراضي
مثال على تكبير الخط
- الكود:
-
<font size="3">
يوضع النص هنــا ....
</font>
هذا يعني تكبير الخط 3 درجات عن المعدل الافتراضي
جرب كلتا الامرين وشوف بنفسك
الفرق بين كلتا الحالتين هو:
وضعنا اشارت سالب
- الكود:
-
-
قبل الرقم المراد التصغير اليه
لتصبح بهذا الشكل
- الكود:
-
3-
تعالوا نشوف مثال يتضمن كل الي قلته ..
- الكود:
-
<html>
<head>
<title> الخطوط </title>
</head>
<body>
<font face="arial" size="5" color="#ff0000">
on lightmoon
</font>
<p>
<font face="andalus" size="3" color="#0000ff">
http://lightmoon.ahlamountada.com <br>
</font>
</body>
</html>
يلله الحين اختبروا أنفسكم و شوفوا اذا كنتوا حفظتوا طريقة أو لا ..