Resaltar texto¶
¿Que pasa si queremos que un fragmento de texto se muestre en otro color o con un efecto especial? En líneas generales, se usan hojas de estilo CSS para definir reglas de presentación, pero tanto markdown como HTML tienen algunos recursos básicos de resaltado.
Texto en cursiva¶
En formato markdown, todo texto entre asteriscos o caracteres de subrayado(_) será mostrado con un tipo de letra enfatizado, generalmente cursiva. Lo siguiente:
- *texto entre asteriscos*
- _texto entre subrayados_
Se mostrará en cursiva:
- texto entre asteriscos
- texto entre subrayados
Podemos poner énfasis en mitad de una palabra:
Don*super*increíble
Muestra:
Donsuperincreíble
pero todo marcador rodeado de espacios será tratado como texto regular:
Don * super * increíble
Muestra:
Don * super * increíble
En este caso, para que los asteriscos actúen como marcador, deben ir "pegados" a una palabra:
Don *super* increíble
Si queremos forzar que los asteriscos se muestren como tales, podemos "escaparlos" precediéndolos con una barra invertida:
\*texto que se mostrará entre asteriscos\*
Muestra:
*texto que se mostrará entre asteriscos*
¡Cuidado!
En realidad, lo que se muestra es texto "enfatizado". Típicamente se resuelve visualizándolo en cursiva, pero esto depende del navegador.
El texto enfatizado se transforma a HTML delimitándolo entre etiquetas <em> ... </em>. Si lo que realmente queremos es texto en cursiva, podríamos asegurarnos de ello utilizando las etiquetas <i> ... </i> directamente.
Texto en negrita¶
Si usamos doble asterisco o subrayado como marcadores, el fragmento de texto delimitado se mostrará en negrita.
Lo siguiente
**doble asterisco**
__doble subrayado__
Se mostrará como:
doble subrayado
Podemos combinar dos estilos diferentes de enfatizado:
*Esto es __super__ importante*
El texto enfatizado se transforma a HTML delimitándolo entre etiquetas <strong> ... </strong>. La forma de presentación suele ser negrita, aunque depende del navegador. Una vez más, si lo que queremos realmente es negrita (bold), podríamos usar manualmente las etiquetas <b> ... </b>.
Código fuente inline¶
Al examinar los párrafos vimos la posibilidad de crear párrafos preformateados:
Texto en formato HTML:
<html>
<body>
<p>Textpo de párrafo</p>.
</body>
</html>
Este ejemplo muestra:
Texto en formato HTML:
<html>
<body>
<p>Textpo de párrafo</p>.
</body>
</html>
Véase que no solo se respetan las líneas y espaciado. También se utiliza un tipo de letra especial y se respetan los caracteres como <>, que en formato HTML sirven para indicar una etiqueta.
Pero ¿que pasa si queremos respetar solo un fragmento de texto dentro de un párrafo? Por ejemplo, imaginemos que queremos mostrar:
En formato HTML, los párrafos de texto se delimitan entre etiquetas <p>.
Estamos forzando que, en la conversión, la etiqueta <p> se muestra como parte del texto, con un formato de letra de código fuente. En markdown esto se consigue delimitándo ese fragmento entre acentos invertidos (backticks):
En formato HTML, los párrafos de texto se delimitan entre etiquetas `<p>`.
En líneas generales, todo texto entre acentos invertidos se respetará y mostrará con ese tipo de letra especial. Pero... ¿como incluir un acento invertido como parte del texto protegido? Usar como delimitadores dos acentos:
``Usar un carácter (`) delimitador.``
Muestra:
Usar un carácter (`) delimitador.
¿Que pasa si el backtick protegido va inmediatamente tras los dos acentos de apertura o antes de los de cierre? Por ejemplo:
Usar un carácter delimitador `
No podemos escribir:
Usar un carácter delimitador `````
En este caso, podemos añadir espacios, uno tras la apertura y otro antes del cierre, que serán eliminados del resultado final.
Usar un carácter delimitador `` ` ``