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 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.
¿Este contenido te fue útil? Invítame un cafecito y ayúdame seguir creando más contenido. ¡Gracias! ♥︎
Invítame un cafecito
