كيفية تغير حجم الخط فى ملفات Html

كيفية تغير حجم الخط فى ملفات Html , قبل الاصدار الرابع من Html  كان التلاعب فى حجم الخط أمر يتم بواسطة كتابة احد الوسوم والتى سيتم عرضها فيما يلى فى الملف Html ولكن مع هذه الأصدارة فأن هذا الوسم أصبح لايعمل ولاوجود له من الأساس وهذا مادفع الـThe World Wide Web Consortium ) W3C ) الى حذف هذا الوسم من قائمة الوسوم الموصى بها هذا لأنه لايعيد أى نفع على اداء الصفحة الديناميكي وعلى هذا تغيرت طريقة تغير حجم الخط وأصبحت تتم بواسطة cascade style sheets ) CSS) ولكن لايزال الكثير من الصفحات التى نشرت مسبقا أو تم العمل بها قبل هذه الأصدارة الأخيرة كانت تعمل بالطريقة الأولى لهذا سوف نقوم بعرض كيفية تغير حجم الخط بكلتا الطريقتين فى هذه المقالة الرائعة

1. الطريقة الأولى : أفتح ملف Html جديد فى محرر النصوص على جهازك الخاص أبدا فى أنشاء صفحه Html  أفتراضية خاليه من أى وسوم أضافية ثم قم بكتابة وسم الكتابة أو الخط فى داخل هذه الصفحه وقم بكتابة أى نص تريدة بين طرفى الوسم
2. أدخل حجم النص فى وسم الخط الموجود فى بدايته ثم أكتب قيمة حجم الخط التى تريدها أن تظهر فى صفحة المتصفح كما هو موضح فى المثال أدناة وبهذه الطريقة يمكنك أن تغير القيمة التى أدخلتها لحجم الخط وحفظ الملف بهذه القيمة الجديدة وفتح صفحة المتصفح مرة أخرى ستلاحظ التغير الذى حدث فى حجم الخط
3. وأليكم هذا المثال التوضيحى للخطوتين السابقتين لمن لايعرف طريقة كتابه الوسوم أو كيفية أنشاء صفحة Html
   < body >
   < font size=1 > Text < / font >
   < /body >
4. الطريقة الثانية : أفتح ملف Html جديد فى محرر النصوص على جهازك الخاص أبدأ فى كتابة شيت CSS جديد وبعد كتابة وسوم الصفحة الأفتراضية وكتابة وسم الهيدر والقيام بكتابة وسم النصوص داخله حتى يظهر النص فى أعلى الصفحة
5. بعد الأنتهاء من كتابة النص الذى تريدة عليك تحديد القيمة الخاصة بحجم الخط والتى تريدها أن تظهر فى المتصفح عند عرض هذه الصفحة ولكن هذه القيمة قد تغير شكل تحديدها من الطريقه التى سبق وأن شرحناها وبين هذه الطريقه فى أن كلمة Size  داخل الوسم تكون متبوعة بنقطتين ويليهما رقم فى المائة وهذا الرقم هو المتغير الذى يحدد حجم الخط كما سنوضح فى المثال ادناة وعلى هذا يمكنك تغير الحجم الخط فى شيت الـ CSS عن طريق هذا الرقم ثم حفظ الملف بهذه النسبة الجديدة ونعيد فتح المتصفح مرة أخرى وسنلاحظ التغير الذى حدث فى حجم الخط
6. وأليكم هذا المثال التوضيحى للخطوتين السابقتين لمن لايعرف طريقة كتابه الوسوم أو كيفية أنشاء صفحة Html
   < body >
   < h1 style=”font-size:120%” > Heading < /h1 >
   < p style=”font-size:50%” > Paragraph < /p >
   < /body >