Contenido
El subrayado en HTML solía ser una cuestión de encerrar el texto entre etiquetas u> / u>, pero desde entonces este método ha quedado obsoleto en favor del CSS más versátil. El subrayado en páginas web generalmente se considera una forma inconveniente de enfatizar una sección particular del texto. Esto se debe a que el texto subrayado se confunde fácilmente con un enlace.
Al paso
Método 1 de 2: método actual
Utilice la propiedad text-decoration en su estilo CSS. El uso de la etiqueta u> ya no es una forma adecuada de subrayar el texto. En su lugar, usamos la propiedad CSS "text-decoration". - Esto hace que el código sea más fácil de modificar, de modo que no tenga que cambiar nada sobre el código anterior si se ha vuelto inutilizable.
Utilice la etiqueta span> cuando desee subrayar una determinada parte del texto. Coloque la etiqueta de inicio junto con la propiedad "text-decoration" donde desea que comience el subrayado. Coloque la etiqueta final / tramo> donde debe terminar el subrayado. span style = "text-decoration: underline;"> Esto estará subrayado./span>
Declare elementos HTML en el estilo> parte de su página. También puede hacer esto en la hoja de estilo CSS. El subrayado se puede hacer mucho más fácil asociando un estilo con un elemento HTML. Por ejemplo, para subrayar todos los encabezados de nivel 3, agregue el siguiente estilo CSS: html> encabezado> estilo> h3 {decoración de texto: subrayado; } / style> / head> body> h3> Este encabezado está subrayado / h3> / body> / html>
Cree una clase de CSS para subrayar rápidamente en cualquier momento. Puede crear clases en su hoja de estilo o estilo>, que se llamarán más tarde. La clase puede tener el nombre que desee. html> head> style> .underline {decoración de texto: subrayado; } / style> / head> body> Puede usar esta clase para subrayar rápidamente div> / div> de diferentes partes div> de su contenido / div> / body> / html>
Considere otros métodos para enfatizar el texto. Debe evitarse el subrayado para evitar confusiones al lector. Un método popular es usar la etiqueta em>, que pone el texto en cursiva. Puede usar CSS para especificar más esta etiqueta, para una forma única de enfatizar. html> cabeza> estilo> em {color: rojo; } / style> / head> body> Todo dentro del elemento em se volverá em> cursiva (debido a la configuración predeterminada), y rojo / em> debido al estilo agregado arriba. / cuerpo> / html>
Método 2 de 2: método obsoleto
Evite utilizar las antiguas etiquetas u> / u>. Estos están "desaconsejados", lo que significa que todavía funciona, pero ya no se usa ni se recomienda. Esto se debe a que HTML, en principio, no está diseñado como un lenguaje de marcado. La etiqueta u> seguirá funcionando, pero ahora está destinada a indicar texto que es diferente del otro texto, como una palabra mal escrita o nombres propios chinos. 
Utilice la etiqueta u> / u> para subrayar (solo con fines ilustrativos). Bajo ninguna circunstancia debe volver a utilizar este método. Puede ser bueno saber cómo se usó en caso de que necesite actualizar un sitio web antiguo. html> body> Con la antigua etiqueta u> en HTML, podía subrayar rápidamente las cosas / u>, pero las cosas se complican rápidamente cuando se utilizan otros elementos de estilo. Es por eso que ahora subrayamos "text-decoration" con el elemento CSS. / cuerpo> / html>
Consejos
- Casi siempre hay una mejor manera de enfatizar algo en una página web que subrayando. Puede resultar muy confuso para los lectores. Haga que su texto sea más hermoso con CSS, para que se destaque positivamente.
