¿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.


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