أحد أهم جوانب تطوير الويب هو تخصيص الخطوط على صفحة الويب. لكي يبدو النص قابلا للقراءة وممتعا من الناحية الجمالية ، من الضروري تحديد معلمات الخط للعلامة. هتمل لديها العديد من المعلمات الأساسية التي تسمح لك لتعيين حجم الخط واللون ونمط الخط وغيرها من الخصائص.
يعد الحجم أحد أكثر إعدادات الخط شيوعا. يتم تعيينه باستخدام سمة الحجم لعلامة الخط. يمكنك تحديد إحدى القيم المحددة مسبقا: من 1 إلى 7 ، حيث 1 هو أصغر حجم و 7 هو الأكبر. يمكنك أيضا تحديد الحجم بالبكسل أو وحدات القياس الأخرى.
يتم تعيين لون النص باستخدام سمة اللون. يمكنك استخدام اسم اللون باللغة الإنجليزية (على سبيل المثال ، الأحمر والأزرق والأخضر) ، رمز اللون في النظام الست عشري (على سبيل المثال ، #فف0000 للأحمر) ، أو قيمة تنسيق رغب.
يمكن أيضا ضبط نمط الخط باستخدام معلمة الوجه. انها تسمح لك لتحديد واحد من الخطوط المحددة مسبقا (على سبيل المثال ، أريال ، تايمز نيو رومان) أو تحديد اسم خط آخر مثبت على جهاز الكمبيوتر الخاص بالمستخدم.
- إعدادات الخط الأساسية
- حجم الخط
- عائلة الخط
- إعدادات الخط للنص
- هيكل النص
إعدادات الخط الأساسية
الوجه هو السمة التي تحدد اسم الخط. يمكن أن تكون قيمة هذه السمة واحدة مما يلي: أريال ، تايمز نيو رومان ، فيردانا ، إلخ. على سبيل المثال:
النص باستخدام الخط أريال
الحجم هو سمة تحدد حجم الخط. يمكن أن تكون القيمة عددا صحيحا من 1 إلى 7 ، حيث 1 هو أصغر حجم و 7 هو الأكبر. على سبيل المثال:
نص بحجم الخط 4
اللون هو سمة تحدد لون الخط. يمكن تعيين القيمة كاسم لون أو بتنسيق سداسي عشري. على سبيل المثال:
النص باستخدام الخط فيردانا ، وحجم 5 وباللون الأزرق
- من المهم أن تتذكر أن استخدام علامة مع معلمات الخط هو ممارسة قديمة. من المستحسن استخدام أنماط كس لتعيين مظهر النص.
- حجم الخط
- يبدو مثل هذا:
تعيين حجم الخط كنسبة مئوية بالنسبة إلى الحجم الأساسي:
- النص
- النص
و
:
تحديد حجم الخط لرؤوس الجدول:
رأس
تحديد حجم الخط لمحتويات الجدول:
| النص | |
|---|---|
| عائلة الخط |
| يمكن تعيين قيمة معلمة عائلة الخط إما كخط واحد أو كقائمة مفصولة بفواصل من عدة خطوط. إذا كان الخط الأول من القائمة غير متوفر ، فسيستخدم المتصفح الخط التالي من القائمة كبديل. |
يمكن أن تتكون قائمة الخطوط في معلمة عائلة الخطوط من كل من الخطوط الشائعة المتوفرة على جميع الأنظمة الأساسية والخطوط المحددة لأنظمة معينة. على سبيل المثال ، أريال ، هلفتيكا ، تايمز نيو رومان ، و فيردانا يمكن استخدامها كخطوط مشتركة.
مثال على استخدام معلمة عائلة الخط:
كود أتش تي أم أل
نموذج النص
| مثال على النص باستخدام الخط الروماني الجديد تايمز | من المهم ملاحظة أنه يمكن تعيين قائمة الخطوط بترتيب الأولوية. سيبحث المتصفح عن الخطوط المتاحة بالترتيب المحدد ويستخدم أول واحد تم العثور عليه. |
|---|---|
تعد معلمة عائلة الخطوط أحد الخيارات العديدة التي تسمح لك بتخصيص مظهر النص على صفحة الويب. باستخدام معلمات مختلفة مثل حجم الخط والجريء ونمط الخط واللون ، يمكنك إنشاء تصميم فريد وأنيق لمحتوى النص. | إعدادات الخط للنص |
واحدة من المعلمات الرئيسية للخط هو نوعه. يستخدم هتمل العلامة | لتعيين نوع الخط. باستخدام السمة |
يتم استخدام الخط أريال ، إن لم يكن متوفرا ، ثم الخط من عائلة بلا الرقيق المحدد في إعدادات نظام التشغيل.
| النص | يتم استخدام الخط جورجيا ، إن لم يكن متوفرا ، ثم الخط من عائلة الرقيق المحدد في إعدادات نظام التشغيل. |
|---|---|
| بالإضافة إلى اختيار الخط ، يمكنك تحديد حجم الخط. هناك عدة طرق للقيام بذلك في هتمل. عادة ما يتم تحديد خيارات حجم الخط في السمة | الحجم |
| من العلامة | . قيم السمات التالية |
| الحجم | يمكن استخدامها: |
| المعنى | الحجم |
| +1 | يزيد من حجم الخط بخطوة واحدة بشكل افتراضي. |
-1
يقلل من حجم الخط بخطوة واحدة بشكل افتراضي.
-2
يقلل من حجم الخط بخطوتين افتراضيتين.
- يحدد حجم الخط وفقا للقيم المطلقة.",
- مزيج من العلامة
- فمن المستحسن استخدام أنماط كس لتغيير إعدادات الخط. باستخدام كس ، يمكنك التحكم بشكل أكثر مرونة في مظهر الصفحة وتغيير إعدادات الخط بسهولة.
- يحدد هيكل النص في هتمل تنظيمه وعرضه على الصفحة. باتباع الهيكل الصحيح ، يمكننا تحسين إمكانية الوصول إلى المحتوى الخاص بنا وقابليته للقراءة.
العلامات الرئيسية لهيكلة النص هي:
: عناوين من مستويات مختلفة ، من أهمها (ح1) إلى الأقل أهمية (ح6).