¿Cómo poner texto en negrita, subrayado, cursiva y tachado en HTML?

En este tutorial básico de HTML, aprenderemos cómo poner texto en negrita, subrayado, cursiva y tachado. Así podrás resaltar ciertas partes de un texto, segun lo necesites. Este tutorial es sumamente básico, y te ayudará a tener una buena base en HTML.

Cómo poner texto en negrita, subrayado, cursiva y tachado en HTML?

¿Cómo poner texto en negrita en HTML?

Para poner texto en negrita en HTML usamos la etiqueta <b>. Otra opción es usar la etiqueta <strong>, esta también va en negrita y le da importancia mayor a ese texto.

<b>Este es texto en negrita.</b>
<strong>Este es texto con importancia, que está también en negrita.</strong>

¿Cómo subrayar texto en HTML?

Anteriormente, para subrayar texto en HTML se usaba la etiqueta <u>. Sin embargo, actualmente lo mejor es utilizar CSS para aplicar el estilo de subrayado. Para subrayar texto con CSS, usamos la propiedad text-decoration: underline.

Entonces, a nuestro texto en HTML, le agregamos una etiqueta con la clase “subrayado”. En este caso, he usado la etiqueta <span>.

<span class="subrayado">Este es un texto subrayado.</span>

Y el CSS de la clase .subrayado, sería el siguiente:

.subrayado{
text-decoration: underline;
}

¿Cómo poner texto en cursiva en HTML?

Para poner texto en cursiva (o itálicas) en HTML usamos la etiqueta <i>. Otra opción es usar la etiqueta <em>, pero esta realmente es usada para dar énfasis a ese texto, y va acompañada de letra cursiva.

<i>Este es texto en cursiva.</i>
<em>Este es texto con énfasis, que está también en itálica.</em>

¿Cómo tachar texto en HTML?

Anteriormente, para tachar texto en HTML se usaba la etiqueta <strike>. Ahora para indicar texto que ha sido borrado, tachándolo, usamos la etiqueta <del>. Por otro lado, para indicar texto que ya no es correcto, tachándolo, usamos la etiqueta <s>.

Este es texto <del>tachado</del>.
Este también es texto <s>tachado</s>.

Otra opción para tachar texto es usando CSS con la propiedad text-decoration: line-through.

Entonces, a nuestro texto en HTML, le agregamos una etiqueta con la clase “tachado”. En este caso, he usado la etiqueta <span>.

Este es texto <span class="tachado">tachado</span>.

Y el CSS de la clase .tachado, sería el siguiente:

.tachado{
text-decoration: line-through;
}

¡Eso es todo! Te recomiendo que vayas probando cada uno, así te vas familiarizándote con cada etiqueta HTML o propiedad en CSS. Si tienes alguna duda, por favor, déjanos un comentario para poder ayudarte.

Si te sirvió, ¡compártelo!

También te interesaría...

Suscríbete a nuestra lista de correo

Agregue un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.