الانتقال إلى المحتوى الرئيسي

كيفية تغيير ارتفاع الخط في هتمل: دليل المبتدئين

يعد تغيير ارتفاع الخط في هتمل جانبا مهما من تطوير الويب ، والذي يسمح لك بتعيين حجم النص المطلوب وإنشاء تصميمات مذهلة لصفحات الويب. بغض النظر عما إذا كنت بحاجة إلى زيادة حجم النص أو تقليله ، فهناك عدة طرق لتحقيق النتيجة المرجوة.

نهج واحد لتغيير ارتفاع الخط هو استخدام سمة النمط في علامة هتمل. لتعيين ارتفاع خط معين ، تحتاج إلى استخدام خاصية حجم الخط وتعيين القيمة بالبكسل ، على سبيل المثال:

النص

بدلا من القيمة بالبكسل ، يمكنك تحديد وحدة قياس أخرى ، مثل النسب المئوية أو م.

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

من خلال الجمع بين هذه الأساليب وتجربة قيم مختلفة ، ستتمكن من تحقيق النتيجة المرجوة وإنشاء تصميم فريد لصفحات الويب الخاصة بك.

  1. كيفية تغيير ارتفاع الخط في هتمل
  2. أساسيات أتش تي أم أل
  3. فهم العلامات والسمات الأساسية

كيفية تغيير ارتفاع الخط في هتمل

. تتيح لك هذه الخاصية تعيين حجم الخط بوحدات قياس مختلفة ، مثل وحدات البكسل أو النسب المئوية أو الوحدات النسبية.

لتعيين حجم الخط بالبكسل ، أضف التعليمة البرمجية التالية إلى كتلة الأنماط:

حجم الخط: 16 بكسل;

في هذا المثال ، يتم تعيين حجم الخط إلى 16 بكسل. يمكنك أيضا استخدام قيم أخرى لتعيين حجم الخط كما يحلو لك.

إذا كنت تريد استخدام النسب المئوية لتعيين حجم الخط ، فأضف الكود التالي:

حجم الخط: 100%;

في هذه الحالة ، سيكون حجم الخط 100٪ من حجم الخط الافتراضي. يمكنك استخدام قيم النسبة المئوية الأخرى للحصول على حجم الخط المطلوب.

إذا كنت بحاجة إلى استخدام وحدات نسبية مثل إم أو ريم ، يمكنك استخدام التعليمات البرمجية التالية:

حجم الخط: 1 م;

في هذه الحالة ، سيكون حجم الخط مساويا لحجم خط العنصر الأصل أو حجم الخط الافتراضي. يمكنك تغيير قيمة الرقم لتغيير حجم الخط.

، يمكنك بسهولة تغيير ارتفاع الخط في هتمل كما يحلو لك.

أساسيات أتش تي أم أل

يتكون مستند هتمل من العناصر التي تم وضع علامة عليها. تقوم العلامات بتأطير محتوى العنصر وإخبار المتصفح بكيفية عرض العنصر بشكل صحيح.

مثال على بنية صفحة هتمل بسيطة:

  • - يشير إلى المتصفح أن هذا المستند هو صفحة هتمل.
  • - يلتف محتويات صفحة ويب.
  • - يحتوي على معلومات تعريفية حول المستند ، مثل عنوان الصفحة وروابط لملفات خارجية.
  • - يحدد العنوان الذي سيتم عرضه في الجزء العلوي من نافذة المتصفح أو في علامة التبويب مع هذا المستند.
  • - يحدد نص الوثيقة الواردة في العنصر.
  • - يحدد رأس أهم من المستوى الأول.
  • - يحدد فقرة من النص.
  • - يحدد ارتباط تشعبي.
  • - يحدد الصورة.

يحدد العنوان الذي سيتم تنفيذ إعادة التوجيه عند النقر على الرابط.

يسمح لك ترميز هتمل بإنشاء محتوى منظم ومفهوم. سيساعد الاستخدام الأمثل للعلامات والسمات المتصفح على عرض المعلومات وتفسيرها بشكل صحيح.

فهم العلامات والسمات الأساسية

العلامات

تستخدم العلامات لتحديد أجزاء مختلفة من محتوى صفحة الويب. يقومون بتأطير عناصر معينة على الصفحة وإخبار المتصفح بكيفية التعامل مع هذا العنصر. واحدة من العلامات الأكثر شيوعا في هتمل هي العلامة