Ver índice de contenidos del libro

3.3. Énfasis

Bootstrap 3 permite añadir énfasis a determinadas partes del texto mediante las etiquetas HTML habituales.

3.3.1. Texto poco importante

Para marcar una parte del texto o todo un bloque de texto como poco importante, utiliza la etiqueta <small>. Bootstrap muestra ese contenido con un tamaño de letra igual al 85% del tamaño de letra de su elemento padre. En el caso de los titulares (<h1>, ..., <h6>) el tamaño de los elementos <small> se ajusta de otra forma para que tengan un mejor aspecto.

Ejemplo:

<p><small>Este contenido de texto se verá más pequeño y puede ser utilizado por ejemplo para "la letra pequeña" de la página.</small></p>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Texto poco importante en Bootstrap 3

Figura 3.5 Texto poco importante en Bootstrap 3

3.3.2. Texto en negrita

Utiliza la etiqueta <bold> para añadir énfasis a un texto mostrándolo en negrita.

Ejemplo:

<p>El siguiente trozo de texto <strong>se muestra en negrita</strong>.</p>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Texto en negrita en Bootstrap 3

Figura 3.6 Texto en negrita en Bootstrap 3

3.3.3. Texto en cursiva

Utiliza la etiqueta <em> para añadir énfasis a un texto mostrándolo en cursiva. Este énfasis es de menor importancia que el definido por la etiqueta <strong>.

Ejemplo:

<p>El siguiente trozo de texto <em>se muestra en cursiva</em>.</p>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Texto en cursiva en Bootstrap 3

Figura 3.7 Texto en cursiva en Bootstrap 3

3.3.4. Etiquetas alternativas

Cuando creas páginas HTML5, también puedes emplear las etiquetas <b> y <i>. La etiqueta <b> se emplea para destacar palabras o frases sin darles énfasis o importancia. La etiqueta <i> se emplea sobre todo para marcar términos técnicos, etc.