Bloques de Código

Los bloques de código son uno de los elementos más potentes y cómodos que proporciona Markdown.

Tabulación

Hay varias maneras de crear bloques de código. Una de ellas es la tabulación del bloque de código:

uso de tabulación

    <!--Mi HTML-->
    <h1> este es mi codigo</h1>

Dando como resultado el siguiente bloque:

<!--Mi HTML-->
<h1> este es mi codigo</h1>

Triple acento invertido

La sintaxis extendida de Markdown agrega la opción de usar el triple acento invertido (```) antes y después del bloque de código:

uso de triple acento invertido

    ```
    <!--Mi HTML-->
    <h1> este es mi codigo</h1>
    ```

Este método permite agregar estilos al código, asignando el nombre del lenguaje de código justo después de la apertura del bloque.

Por ejemplo, al indicar que el código es HTML tras los acentos:

uso de triple acento invertido - con estilo

    ```html
    <!--Mi HTML-->
    <h1> este es mi codigo</h1>
    ```

Da como resultado que el intérprete de Markdown le de color a los comentarios, palabras reservadas, etc:

<!--Mi HTML-->
<h1> este es mi codigo</h1>

El nombre del lenguaje se indica con minúsculas. También pueden usarse diminutivos para indicar el lenguaje: py para Python, js para JavaScript, md para Markdown, etc.

Segmentos de texto

Si se require marcar como código un segmento de texto dentro de un párrafo se usan comillas invertidas simples para rodearlo:

segmento de texto

Hay un poco de `código` en mi párrafo.

Resultado: Hay un poco de código en mi párrafo.

Referencias

Markdown Guide.org - Code

Markdown Guide.org - Fenced code blocks