Cómo poner texto en negrita y cursiva a la vez con Markdown

En este tutorial aprenderás a combinar negrita y cursiva en un mismo fragmento de texto con Markdown, usando asteriscos, guiones bajos o etiquetas HTML.

Combinar negrita y cursiva en un mismo fragmento es una de las dudas más recurrentes cuando se empieza con Markdown. La sintaxis no es complicada, pero se presta a confusión porque convive con la negrita simple y la cursiva simple, que se diferencian solo por la cantidad de asteriscos o guiones bajos.

A continuación verás las formas más habituales de aplicar los dos estilos a la vez, incluyendo las variantes con asteriscos, guiones bajos, mezclas de ambos y la alternativa en HTML.

Negrita y cursiva con tres asteriscos

La forma estándar y más legible consiste en envolver el texto entre tres asteriscos a cada lado. Funciona en todas las variantes de Markdown sin excepción.

En el siguiente ejemplo aplicamos los dos estilos a la vez:

Este texto está en ***negrita y cursiva*** a la vez.

El resultado se verá así:

Este texto está en negrita y cursiva a la vez.

Negrita y cursiva con tres guiones bajos

La sintaxis equivalente con guiones bajos también está soportada en prácticamente todos los procesadores. Es útil cuando el texto contiene asteriscos literales que no quieres escapar.

En el siguiente ejemplo usamos tres guiones bajos:

Este texto está en ___negrita y cursiva___ a la vez.

El resultado será:

Este texto está en negrita y cursiva a la vez.

Combinar asteriscos y guiones bajos

Si lo prefieres, puedes mezclar las dos sintaxis para diferenciar visualmente qué marca corresponde a la negrita y cuál a la cursiva. Por ejemplo, usar asteriscos dobles para la negrita y un guion bajo simple por dentro para la cursiva.

En el siguiente ejemplo aplicamos negrita con ** y cursiva con _:

Este texto está en **_negrita y cursiva_** a la vez.

El resultado se verá así:

Este texto está en negrita y cursiva a la vez.

Esta variante resulta más fácil de leer en el código fuente, sobre todo cuando aplicas los estilos a fragmentos largos o cuando los combinas con otras marcas como enlaces o código en línea.

Negrita y cursiva con HTML

Si necesitas máxima compatibilidad o estás escribiendo en un entorno donde la sintaxis de asteriscos da problemas (por ejemplo, dentro de tablas complejas), puedes recurrir a las etiquetas HTML <strong> y <em> anidadas.

En el siguiente ejemplo aplicamos los estilos con HTML:

Este texto está en <strong><em>negrita y cursiva</em></strong> a la vez.

El resultado será idéntico al de las versiones con asteriscos:

Este texto está en negrita y cursiva a la vez.

Como recomendación general, ciñete a los tres asteriscos salvo que tengas una razón concreta para usar otra variante. Es la forma más reconocible y la que esperan ver la mayoría de lectores familiarizados con Markdown.

Esto ha sido todo.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.

para estar al día con mi contenido. 😊