Énfasis
Al margen de las hojas de estilo, en la sintaxis HTML hay algunos recursos básicos que nos permiten resaltar texto:
<p>Esta <i>palabra</i> está resaltada en cursiva.</p>
Lo que muestra “palabra” en cursiva:
Esta palabra está resaltada en cursiva.
Las etiquetas HTML de formato son:
| etiqueta | significado | Forma de uso |
|---|---|---|
<b> | Texto en negrita | <b>Texto en negrita</b> |
<strong> | Texto importante | <strong>Texto importante</strong> |
<i> | Texto en cursiva (itálica) | <i>Texto en cursiva (itálica)</i> |
<em> | Texto enfatizado | <em>Texto enfatizado</em> |
<mark> | Texto marcado en color | Texto <mark>marcado</mark> en color |
<small> | Texto pequeño | <small>Texto pequeño</small> |
<del> | <del>Texto borrado</del> | |
<ins> | Texto insertado | <ins>Texto insertado</ins> |
<sup> | Texto superíndice | Texto <sup>superíndice</sup> |
<sub> | Texto subíndice | Texto <sub>subíndice</sub> |
Los elementos <b> y <strong> se suelen mostrar en negrita, pero el propósito
es diferente. Con la etiqueta <strong> estamos resaltando la importancia del
texto:
<strong>Esto es importante</strong>
Lo mismo sucede con las etiquetas <i> y <em>, que se muestran en letra
cursiva (itálica), pero en el caso de <em>, lo que se desea es enfatizar el
texto.
<em>Texto enfatizado</em>
El elemento <del> indica texto eliminado del documento.
Generalmente se muestra tachado con una raya.
El elemento <ins> define texto añadido, que se suele mostrar subrayado:
<del>Texto suprimido</del><ins>Texto añadido</ins>
Muestra:
Los elementos <sub> y <sup> se usan para mostrar subíndices y superíndices.
Por ejemplo:
Fórmula del agua: <em>H<sup>2</sup>O</em>
Muestra:
En formato markdown tenemos algunas marcas que podemos usar en lugar de las etiquetas:
Lo que se escribe entre asteriscos *se muestra en cursiva*
Lo que se escribe entre doble asterisco **se muestra en negrita**
~Esto se muestra tachado~
Muestra:
Lo que se escribe entre asteriscos se muestra en cursiva
Lo que se escribe entre doble asterisco se muestra en negrita
Esto se muestra tachado
Nota: el marcador ~ es un añadido de mdBook. No forma parte de las
especificaciones oficiales del formato markdown estándar.
En lugar de asteriscos, podemos usar el carácter de subrayado:
Lo que se escribe entre asteriscos _se muestra en cursiva_
Lo que se escribe entre doble asterisco __se muestra en negrita__
¿Que pasa si queremos que un asterisco forma parte del texto regular?
Si cualquier carácter va precedido de una barra invertida \,
esta no se mostrará, y el carácter será considerado como texto a mostrar:
\*Esto no va en cursiva\*
Muestra:
*Esto no va en cursiva*
Para enfatizar el texto con negrita y cursiva al mismo tiempo, poner tres asteriscos o subrayados antes y después del texto, o combinar ambos marcadores:
Este texto es **_importante_**.