تعلم HTML بالعربي | خصائص الخطوط في صفحة الويب HTML Font Settings

 

HTML Font Settings

HTML Font Settings


الإعدادات الإفتراضية بمقياس متصفحات الإنترنت للخطوط هي ( خط عادي ، حجم 3 ، نوعة Time New Roman  ، اللون أسود Black ) .

** <Font> … </Font> ** هذا الأمر يقوم بالتحكم بالخطوط من حيث ( النوع ، اللون ، الحجم ) أما الخصائص التي نستخدمها مع هذا الوسم هي كالتالي :

**  Face ** تستخدم في تحديد نوع الخط / ويمكن تحديد أكثر من نوع من الخطوط نفصل بينهم بعلامة (,) . وإذا كنت لا تحفظ أسماء بعض الخطوط فيمكن الحصول عليها من برنامج MS Word .

** Color ** تستخدم في تحديد لون الخط / ويمكن كتابة أسماء الألوان بأحد النظامين وهما نظام السداسي عشر أو بكتابة إسم اللون مباشرة .

** Size **  تستخدم في تحديد حجم الخط / هناك فقط سبعة أحجام للخطوط تستطيع المتصفحات التعرف عليه ، وهي من 1 إلى 7 ، يمكن كتابتها بجوار الخاصية Size  ببساطه بين علامتي التنصيص "".

** <BaseFont>  ** يقوم بتحديد نوع الخط وخصائصة بالنسبة للصفحة كلها ، أي تحديد نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها ويحدد لونه وحجمه ، وهو وسم مفرد ليس له نهاية ، لذلك فإن هذا الوسم يكتب عادة في أول الملف ويفضل مباشرة بعد وسم <Body> أما الخصائص فهي نفس الخصائص السابقة مع إستبدال الخاصية Face بالخاصية Name بنفس الطريقة وبدون إختلاف . ( الخط الإفتراضي للصفحة ) .

لمشاهدة الفيديو من هنا

 


** ملحوظة ** الأمر <Font> أكثر تحديداً وأكثر مرونة من الوسم <BaseFont> ، وللأمانه العلمية فإن الأمر <BaseFont> كان يعمل سابقاً ، أما الأن فلا يعمل فلا تجهد نفسك في إستعماله من البداية وإعتباره كأن لم يكن .

** ملحوظة ** تذكر أنه يوجد دائماً أكثر من طريقة لأداء نفس العمل .

** <Hn> … </Hn>  ** وهو وسم يستخدم لتمييز العناوين Headings  في صفحات الإنترنت ، وهو يمثل 6 مستويات بداية من الأكبر <H1>  إلى الأصغر وهو <H6> ( من الأكبر إلى الأصغر ) ، بمعني أن الأكبر هو <H1> والأصغر هو <H6>  ، وتكتب كالتالي :

<H1> HTML </H1>  النتيجة       HTML

<H2> HTML </H2>  النتيجة        HTML

<H3> HTML </H3>  النتيجة      HTML

<H4> HTML </H4>  النتيجة      HTML

<H5> HTML </H5>  النتيجة     HTML

<H6> HTML </H6>  النتيجة     HTML


***********************


***********************

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً