تنسيق الخط
تستخدم العلامة </font> <font> في تحديد حجم الخط ونوع الخط ولون الخط بالنسبة للنص الموجود بين حدى العلامة، وللعلامة <font> عدة خواص تحدد قيمة كل خاصية منها صفة من صفات النص، فالخاصية face تحدد نوع الخط، كأن يكون مثلا Arial، أو Helvetica، أو times new Roman، وتكتب كما يلي:
<font face=’’Arial, Helvetica, sans-serif”>
لاحظ في الكود السابق أن خواص العلامة توضع بداخل قوسى العلامة، ولاحظ أيضا أنه يمكن كتابة أكثر من نوع خط في الكود الواحد كقيمة للخاصية face، ولكن يشترط أن توضع كلها بين علامتي التنصيص ” “، ويفصل بين كل نوع وآخر فاصلة)، (والسبب في استخدام أكثر من نوع خط كقيمة للخاصية face هو أنه في حالة تحديد نوع خط واحد وعدم وجود نوع هذا الخط على جهاز زائر الصفحة على حسب نظام التشغيل المثبت على الجهاز، ففي هذه الحالة يتم استخدام نوع الخط الافتراضي، ولتفادي ذلك ولتجنب عدم ظهور الصفحة على جهاز زائر الموقع على صورة بخلاف الصورة التي تتوقعها تستخدم أكثر من نوع خط كقيمة للخاصية face، ففي حالة عدم توافر أي من هذه الأنواع المحددة يتم استخدام النوع الآخر.
والخاصية الأخرى المتعلقة بالعلامة <font>، هي الخاصية Size، والتي تحدد حجم الخط بالنقط ×××، وتكون قيمة هذه الخاصية عبارة عن رقم، وكلما زاد الرقم المعطي كقيمة الخاصية size كلما زاد حجم الخط، وتستخدم هذه الخاصية في تحديد حجم الخط كما يلي:
<font size=2>
والمثال التالي يوضح كيفية استخدام قيم الخاصية face، والخاصية size في تحديد نوع الخط وحجمه.
- قم بتشغيل برنامج Notepad واکتب به نص ملف HTML کما في الشكل التالي:
<html>
<head>
<title> نوع الخط وحجمه </title>
</head>
<body>
<font face=”Arial, Helvetica, sans-serif” size=4>
هذا خط مكتوب بحجم 4 ونوع الخط آريال
</font>
</body>
</html>
- قم بحفظ المستند بامتداد html. وقم بفتح المستند في متصفح الإنترنت فتظهر نتيجة الكود السابق في الشكل التالي:
الخاصية color التي تستخدم في تحديد لون الخط هي إحدى خواص علامة <font>، وتكون قيمة هذه الخاصية عبارة عن لون معین، وهو قيمة الخاصية color الموجودة في العلامة font، والتي تحدد لون الخط كما يلي:
<font color=#0000ff>
ويمكن أيضا تحديد قيمة اللون بالنظام اللفظي، كما يلي:
<font color=green>
والمثال التالي يوضح كيفية كتابة نص باللون الأحمر، وبحجم خط 6، ونوع الخط آريال:
- قم بتشغیل برنامج Notepad واکتب به نص ملف HTML کما في الشكل التالي:
< htm| >
<head>
</title> نوع الخط وحجمه ولونه <title>
</head>
<body>
<font face=”Arial, Helvetica, sans-serif” size=6
color=#ff0000>
هذا خط مكتوب بحجم 6 ونوع الخط أريال وباللون الأحمر
</font>
</body>
</html>
- قم بحفظ المستند بامتداد html. وقم بفتح المستند في متصفح الإنترنت الشكل التالي:
