Los últimos tutoriales de desarrollo web

Texto formato HTML Elementos

Formato de texto

This text is bold

This text is italic

This is superscript

Formateo de elementos HTML

En el capítulo anterior, usted aprendió sobre el estilo de HTML, HTML utilizando el style atributo.

HTML también define los elementos especiales para la definición de texto con un significado especial.

HTML utiliza elementos como <b> y <i> para dar formato a la salida, como bold o italic texto.

Elementos de formato fueron diseñados para mostrar los tipos especiales de texto:

  • Texto en negrita
  • texto importante
  • El texto en cursiva
  • un texto con énfasis
  • El texto marcado
  • texto pequeño
  • El texto eliminado
  • El texto insertado
  • Los subíndices
  • superíndices

HTML Bold y Strong Formateo

El HTML <b> elemento define bold texto, sin ninguna importancia adicional.

Ejemplo

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>
Inténtalo tú mismo "

El HTML <strong> define el texto fuerte, con agregado semántica "strong" importancia.

Ejemplo

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>
Inténtalo tú mismo "

HTML Italic y destacó Formateo

El HTML <i> elemento define el texto en cursiva, sin ninguna importancia adicional.

Ejemplo

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>
Inténtalo tú mismo "

El HTML <em> elemento define hizo hincapié en el texto, la importancia semántica añadido.

Ejemplo

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>
Inténtalo tú mismo "

Navegadores muestran <strong> como <b> y <em> como <i> .

Sin embargo, hay una diferencia en el significado de las siguientes etiquetas: <b> y <i> Define el texto en negrita y cursiva,
pero <strong> y <em> significa que el texto es "important" .


El formateo HTML Pequeño

El HTML <small> elemento define el texto pequeño:

Ejemplo

<h2>HTML <small>Small</small> Formatting</h2>
Inténtalo tú mismo "

HTML Marcado formateo

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

Ejemplo

<h2>HTML <mark>Marked</mark> Formatting</h2>
Inténtalo tú mismo "

HTML suprimido formateo

El HTML <del> elemento define borrado (removed) de texto.

Ejemplo

<p>My favorite color is <del>blue</del> red.</p>
Inténtalo tú mismo "

HTML Insertado formateo

El HTML <ins> elemento define inserta (added) de texto.

Ejemplo

<p>My favorite <ins>color</ins> is red.</p>
Inténtalo tú mismo "

El formateo HTML Subíndice

El HTML <sub> elemento define texto subíndice.

Ejemplo

<p>This is <sub>subscripted</sub> text.</p>
Inténtalo tú mismo "

El formateo HTML superíndice

El HTML <sup> elemento define el texto en superíndice.

Ejemplo

<p>This is <sup>superscripted</sup> text.</p>
Inténtalo tú mismo "

Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4» Ejercicio 5 »


Texto formato HTML Elementos

Etiqueta Descripción
<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 texto importante
<sub> Define el texto subíndice
<sup> Define el texto en superíndice
<ins> Define el texto insertado
<del> Define el texto eliminado
<mark> Define texto marcado / resaltado