مثال2 تغيير حجم الخط Font Size
في هذا المثال نريد تغيير حجم النص Font Size السابق كتابته في المثال السابق.
أولاً هدف المثال
يهدف هذا المثال إلى توضيح كيفية تغيير حجم الخط Font Size.
ثانياً خطوات التنفيذ
تأكد من تظليل Select النص This is my font ثم من لوحة الخصائص Properties Panel قم بالضغط على سهم أداة اختيار حجم الخط Sizeثم اختيار حجم الخط Size المناسب وهنا سنختار حجم الخط Size ليكون 24 ولاحظ تكبير النص المحدد.
ثالثاً عرض الملف
قم بحفط هذا الملف عن طريق فتح قائمة File ثم Save ثم قم بالضغط على الزر F12ليتم فتح برنامج الإنترنت إكسبلورر Internet Explorer.
ملخص المثال
تعلمنا في هذا المثال كيفية تغيير حجم الخط Font Size في صفحة الوب Web Page وسنقوم في الأمثلة القادمة بتوضيح المزيد من اختيارات تنسيق النصوص Text Formatting.
ثالثاً التنسيق عريض Bold ومائل Italic ومسطر Underline
توفر لنا لغة HTML ثلاثة من التنسيقات السريعة للنص وهم
- التنسيق عريض Blod وهو يجعل الخط عريضاً وبالتالى يكون استخدامه أنسب بالنسبة للعناوين الرئيسية.
- التنسيق مائل Italic وهو يجعل مائلاً وبالتالى يكون استخدامه أنسب بالنسبة للعناوين الجانبية.
- التنسيق مسطر Underline وهو يضع خطاً تحت النص وبالتالى يكون استخدامه أنسب بالنسبة للنص الذى تريد لفت النظر إليه مع ملاحظة أنه يجب تجنب استخدام التسطير Underline في صفحة الوب Web Page حتى لا يتم الخلط بين النص وبين الرابط Link. (سنقوم لاحقاً في الفصول القادمة بشرح الرابط Link).
لاحظ أن الأداتين عريض Blod ومائل Italic متوافرتين في لوحة الخصائص Properties Panel 9، أما إداة التسطير Underline فموجودة في قائمة Text ثم Style ثم Underline مع ملاحظة أن الضغط على أى من هذا الأدوات الثلاثة يعنى تطبيق التنسيق أما الضغط على نفس الأداة مرة أخرى فيعنى إلغاء التنسيق.
يتضح لنا استخدام هذه التنسيقات من المثال القادم.