HTML Formatting

HTML Formatting

La ruta del desarrollador web frontend autónomo🤹‍♂️

·

3 min read


HTML contiene varios elementos con un significado especial para dar formato al texto.


Elementos de formato HTML

Los elementos de formato se diseñaron para mostrar tipos especiales de texto:

  • <b> - texto en negrita

  • <strong> - texto importante

  • <i> - texto en cursiva

  • <em> - texto enfatizado

  • <mark> - texto resaltado

  • <small> - texto más pequeño

  • <del> - texto eliminado

  • <ins> - texto insertado

  • <sub> - texto de subĂ­ndice

  • <sup> - texto en superĂ­ndice


Elementos HTML <b> y <strong>

El elemento <b> define el texto en negrita, sin ninguna importancia adicional.

Ejemplo:

El elemento HTML <strong> define el texto con gran importancia. El contenido normalmente se muestra en negrita.

Ejemplo:


Elementos HTML <i> y <em>

El elemento <i> define una parte del texto en una voz o estado de ánimo alternativo. El contenido normalmente se muestra en cursiva.

Tip: La etiqueta <i> se usa a menudo para indicar un termino técnico como una frase de otro idioma, un pensamiento, etc.

Ejemplo:

El elemento <em> define el texto con Ă©nfasis. El contenido normalmente se muestra en cursiva.

Tip: Un lector de pantalla pronunciará las palabras dentro de <em> con énfasis, usando acento verbal.

Ejemplo:


Elemento HTML <small>

El elemento <small> define texto más pequeño:

Ejemplo:


Elemento HTML <mark>

El elemento <mark> define el texto marcado o resaltado:

Ejemplo:


Elemento HTML <del>

El elemento <del> define el texto que se ha eliminado de un documento. Los navegadores generalmente marcarán una línea a través del texto eliminado:

Ejemplo:


Elemento HTML <ins>

El elemento <ins> define un texto que se ha insertado en un documento. Los navegadores normalmente subrayarán el texto insertado:

Ejemplo:


Elemento HTML <sub>

El elemento <sub> define el texto del subíndice. El texto del subíndice aparece medio carácter por debajo de la línea normal y, a veces, se representa en una fuente más pequeña. El texto de subíndice se puede usar para fórmulas químicas, como H2O:

Ejemplo:


Elemento HTML <sup>

El elemento <sup> define texto en superíndice. El texto en superíndice aparece medio carácter por encima de la línea normal y, a veces, se representa en una fuente más pequeña. El texto en superíndice se puede utilizar para notas al pie.

Ejemplo:


Todos los elementos de formatos de texto

TagDescription
<b>Define el texto en negrita
<em>Define el texto con Ă©nfasis
<i>Define el texto en cursiva
<small>Define el texto más pequeño
<strong>Define el texto más importante
<sub>Define un texto subĂ­ndice
<sup>Define un texto superĂ­ndice
<ins>Define un texto insertado
<del>Define un texto eliminado
<mark>Define un texto marcado/resaltado

Resumen

En HTML tenemos diferentes elementos para dar formato al texto de acuerdo al contenido que queremos mostrar.


Traducido con đź’š desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!