Contenido
El método de subrayado HTML heredado es usar etiquetas u> / u>, pero ahora usa un método moderno basado en CSS. El subrayado se considera una mala forma de llamar la atención sobre el texto porque es fácil confundir el texto subrayado con un enlace.
Pasos
Método 1 de 2: método moderno
1 Utilice la propiedad "text-decoration" en CSS. Actualmente, la etiqueta u> no se usa para subrayar texto. - Al agregar esta propiedad, no tiene que cambiar su código en el futuro cuando se retiren las etiquetas antiguas.
2 Utilice la etiqueta span> para subrayar un texto específico. Ingrese una etiqueta de inicio junto con la propiedad "text-decoration" delante del texto que desea subrayar. Al final del texto, ingrese la etiqueta de cierre / intervalo>. span style = "text-decoration: underline;"> Este texto estará subrayado. / span>
3 Especifique elementos HTML en la sección estilo> para facilitar el subrayado. También se puede hacer usando una hoja de estilo CSS. Por ejemplo, para subrayar todos los títulos de nivel 3, agregue el siguiente código a la sección "estilo": html> encabezado> estilo> h3 {decoración de texto: subrayado; } / style> / head> body> h3> Este encabezado estará subrayado / h3> / body> / html>
4 Crea una clase CSS para subrayar texto rápidamente. Puede crear clases en su hoja de estilo o en la sección estilo> para llamarlas más tarde. La clase puede recibir cualquier nombre. html> head> style> .underline {decoración de texto: subrayado; } / style> / head> body> Use esta clase para div> subrayado rápido / div> varios div> elementos / div> / body> / html>
5 Piense en otras formas de resaltar el texto. Le recomendamos que evite el subrayado para evitar confundir a los usuarios. Es mejor usar la etiqueta em> para poner el texto en cursiva. Use CSS para agregar otras opciones de estilo a esta etiqueta. html> cabeza> estilo> em {color: rojo; } / style> / head> body> Cualquier elemento del elemento "em" aparecerá en cursiva (por defecto) y también en rojo / em> gracias a las opciones de estilo adicionales. / cuerpo> / html>
Método 2 de 2: método heredado
1 Evite el uso de las antiguas etiquetas u> / u>. Están en desuso, lo que significa que estas etiquetas aún funcionan, pero se desaconsejan o desaconsejan. Esto se debe a que HTML no está destinado a personalizar el estilo del contenido. La etiqueta u> todavía funciona, pero debe representar un texto diferente de otro texto, como palabras mal escritas o nombres propios chinos. 
2 Utilice etiquetas u> / u> para subrayar elementos (solo para demostración). Apenas hay un caso en el que necesite utilizar estas etiquetas. Es posible que deba editar el sitio anterior, por lo que es mejor conocer cuáles son las etiquetas. html> body> La antigua etiqueta HTML u> hacía posible subrayar rápidamente los elementos / u>, pero si se tocaban otros elementos de estilo, las cosas se volvían caóticas. Por lo tanto, hoy en día utilizan el elemento CSS "text-decoration" para subrayar. / cuerpo> / html>
Consejos
- Casi siempre hay una mejor manera de resaltar el contenido de una página web que subrayando. Subrayar puede confundir a los usuarios. Piense en cómo resaltar texto usando CSS.
