كيفية تسطير النص في HTML

مؤلف: Clyde Lopez
تاريخ الخلق: 19 تموز 2021
تاريخ التحديث: 1 تموز 2024
Anonim
HTML Underline - How to underline text in HTML and CSS
فيديو: HTML Underline - How to underline text in HTML and CSS

المحتوى

تتمثل طريقة تسطير HTML القديمة في استخدام علامات u> / u> ، ولكنها تستخدم الآن طريقة CSS حديثة. يعتبر التسطير طريقة سيئة للفت الانتباه إلى النص لأنه من السهل الخلط بين النص المسطر والارتباط.

خطوات

طريقة 1 من 2: الطريقة الحديثة

  1. 1 استخدم خاصية "زخرفة النص" في CSS. حاليًا ، لا تُستخدم علامة u> لتسطير النص.
    • بإضافة هذه الخاصية ، لن تضطر إلى تغيير الرمز الخاص بك في المستقبل عند إنهاء العمل بالعلامات القديمة.
  2. 2 استخدم علامة span> لتسطير جزء معين من النص. أدخل علامة البداية مع خاصية "زخرفة النص" أمام النص الذي تريد وضع خط تحته. في نهاية النص ، أدخل علامة الإغلاق / span>.

    span style = "text-decoration: underline؛"> سيتم تسطير هذا النص. / span>

  3. 3 حدد عناصر HTML في قسم النمط> لتسهيل التسطير. يمكن القيام بذلك أيضًا باستخدام ورقة أنماط CSS. على سبيل المثال ، لتسطير جميع عناوين المستوى 3 ، أضف الشفرة التالية إلى قسم "النمط":

    html> head> style> h3 {زخرفة النص: تسطير ؛ } / style> / head> body> h3> سيتم وضع خط تحت هذا العنوان / h3> / body> / html>

  4. 4 قم بإنشاء فئة CSS لتسطير النص بسرعة. يمكنك إنشاء فصول في ورقة الأنماط أو النمط> القسم لاستدعائها لاحقًا. يمكن إعطاء الفصل أي اسم.

    html> head> style> .underline {زخرفة النص: underline؛ } / style> / head> body> استخدم هذه الفئة لـ div> التسطير السريع / div> div> العناصر / div> / body> / html>

  5. 5 فكر في طرق أخرى لتمييز النص. نوصي بتجنب وضع خط تحته لتجنب إرباك المستخدمين. من الأفضل استخدام علامة em> لجعل النص مائلًا. استخدم CSS لإضافة خيارات نمط أخرى لهذه العلامة.

    html> head> style> em {color: red؛ } / style> / head> body> أي شيء في عنصر "em" سيكون مائلًا (افتراضيًا) ولون أحمر / em> بفضل خيارات النمط الإضافية. / body> / html>

طريقة 2 من 2: الطريقة القديمة

  1. 1 تجنب استخدام العلامات u> / u> القديمة. تم إهمالها ، مما يعني أن هذه العلامات لا تزال تعمل ، ولكن يتم تثبيطها أو تثبيطها. هذا لأن HTML لا يُقصد به تخصيص نمط المحتوى. لا تزال العلامة u> تعمل ، ولكن يجب أن تمثل نصًا مختلفًا عن النص الآخر ، مثل الكلمات التي بها أخطاء إملائية أو أسماء العلم الصينية.
  2. 2 استخدم علامات u> / u> لتسطير العناصر (للتوضيح فقط). لا تكاد توجد حالة واحدة تحتاج فيها إلى استخدام هذه العلامات. قد تحتاج إلى تعديل الموقع القديم ، لذلك من الأفضل أن تكون على دراية بماهية العلامات.

    أتاحت علامة html> body> علامة HTML u> القديمة إمكانية تسطير العناصر / u> بسرعة ، ولكن إذا تم لمس عناصر التصميم الأخرى ، فقد أصبحت الأمور فوضوية. لذلك ، في الوقت الحاضر يستخدمون عنصر CSS "زخرفة النص" للتسطير. / body> / html>

نصائح

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