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