Formato de texto en HTML

HTML ofrece opciones para dar formato al texto, como negrita, cursiva, subrayado, resaltado o incluso tachado. Estas opciones ayudan a enfatizar la información en la página.

Elementos básicos de formato

Los formatos más comunes incluyen negrita (<b>), cursiva (<i>), subrayado (<u>) y resaltado (<mark>). Estas etiquetas ayudan a destacar visualmente el contenido importante.

<b>This text is bold</b>

<i>This text is italic</i>

<u>This text is underlined</u>

<mark>This text is highlighted</mark>

Opciones de formato adicionales

HTML también admite texto más pequeño (<small>), tachado (<del>), texto insertado (<ins>) y subíndices/superíndices (<sub> y <sup>).

¿Cuándo usar estos elementos?

Los elementos de formato deben usarse cuando se quiera resaltar visualmente partes importantes, como errores, advertencias o información destacada. Asegúrate de que el formato no comprometa la legibilidad.

Consejos para el formato de texto

• No des formato solo para que 'se vea mejor' – el resaltado debe tener un propósito.
• Evita el formato excesivo – no pongas todo en color, cursiva y subrayado al mismo tiempo.
• Usa etiquetas <mark> para advertencias o partes resaltadas.
• <del> y <ins> son especialmente útiles para mostrar cambios en documentos o el seguimiento de versiones.

Formato y lectores de pantalla

Recuerda que el formato visual no siempre es reconocido por los lectores de pantalla. El significado del texto no debe depender únicamente de su apariencia — por ejemplo, la etiqueta <b> no transmite significado, pero <strong> sí.

Uso del formato semántico

Etiquetas semánticas como <strong> o <em> no solo son visualmente distintas, sino que también transmiten un contexto significativo. Deben usarse cuando el contenido sea realmente importante o enfatizado.