![HTML Underline - How to underline text in HTML and CSS](https://i.ytimg.com/vi/_Yq-d_obKfU/hqdefault.jpg)
المحتوى
تتمثل طريقة تسطير HTML القديمة في استخدام علامات u> / u> ، ولكنها تستخدم الآن طريقة CSS حديثة. يعتبر التسطير طريقة سيئة للفت الانتباه إلى النص لأنه من السهل الخلط بين النص المسطر والارتباط.
خطوات
طريقة 1 من 2: الطريقة الحديثة
1 استخدم خاصية "زخرفة النص" في CSS. حاليًا ، لا تُستخدم علامة u> لتسطير النص.
- بإضافة هذه الخاصية ، لن تضطر إلى تغيير الرمز الخاص بك في المستقبل عند إنهاء العمل بالعلامات القديمة.
2 استخدم علامة span> لتسطير جزء معين من النص. أدخل علامة البداية مع خاصية "زخرفة النص" أمام النص الذي تريد وضع خط تحته. في نهاية النص ، أدخل علامة الإغلاق / span>.
span style = "text-decoration: underline؛"> سيتم تسطير هذا النص. / span>
3 حدد عناصر HTML في قسم النمط> لتسهيل التسطير. يمكن القيام بذلك أيضًا باستخدام ورقة أنماط CSS. على سبيل المثال ، لتسطير جميع عناوين المستوى 3 ، أضف الشفرة التالية إلى قسم "النمط":
html> head> style> h3 {زخرفة النص: تسطير ؛ } / style> / head> body> h3> سيتم وضع خط تحت هذا العنوان / h3> / body> / html>
4 قم بإنشاء فئة CSS لتسطير النص بسرعة. يمكنك إنشاء فصول في ورقة الأنماط أو النمط> القسم لاستدعائها لاحقًا. يمكن إعطاء الفصل أي اسم.
html> head> style> .underline {زخرفة النص: underline؛ } / style> / head> body> استخدم هذه الفئة لـ div> التسطير السريع / div> div> العناصر / div> / body> / html>
5 فكر في طرق أخرى لتمييز النص. نوصي بتجنب وضع خط تحته لتجنب إرباك المستخدمين. من الأفضل استخدام علامة em> لجعل النص مائلًا. استخدم CSS لإضافة خيارات نمط أخرى لهذه العلامة.
html> head> style> em {color: red؛ } / style> / head> body> أي شيء في عنصر "em" سيكون مائلًا (افتراضيًا) ولون أحمر / em> بفضل خيارات النمط الإضافية. / body> / html>
طريقة 2 من 2: الطريقة القديمة
1 تجنب استخدام العلامات u> / u> القديمة. تم إهمالها ، مما يعني أن هذه العلامات لا تزال تعمل ، ولكن يتم تثبيطها أو تثبيطها. هذا لأن HTML لا يُقصد به تخصيص نمط المحتوى. لا تزال العلامة u> تعمل ، ولكن يجب أن تمثل نصًا مختلفًا عن النص الآخر ، مثل الكلمات التي بها أخطاء إملائية أو أسماء العلم الصينية.
2 استخدم علامات u> / u> لتسطير العناصر (للتوضيح فقط). لا تكاد توجد حالة واحدة تحتاج فيها إلى استخدام هذه العلامات. قد تحتاج إلى تعديل الموقع القديم ، لذلك من الأفضل أن تكون على دراية بماهية العلامات.
أتاحت علامة html> body> علامة HTML u> القديمة إمكانية تسطير العناصر / u> بسرعة ، ولكن إذا تم لمس عناصر التصميم الأخرى ، فقد أصبحت الأمور فوضوية. لذلك ، في الوقت الحاضر يستخدمون عنصر CSS "زخرفة النص" للتسطير. / body> / html>
نصائح
- هناك دائمًا طريقة أفضل لإبراز المحتوى على صفحة الويب بدلاً من وضع خط تحته. يمكن للتسطير أن يربك المستخدمين. فكر في كيفية تمييز النص باستخدام CSS.