Párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.Otro párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.
                        

                            <p>Párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p><p>Otro párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
                        

                            # Encabezado 1## Encabezado 2### Encabezado 3#### Encabezado 4##### Encabezado 5###### Encabezado 6
                        

                            <h1>Encabezado 1</h1><h2>Encabezado 2</h2><h3>Encabezado 3</h3><h4>Encabezado 4</h4><h5>Encabezado 5</h5><h6>Encabezado 6</h6>
                        

                            Párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.> Bloque de cita. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.> Otro bloque de cita. Lorem ipsum dolor sit amet, consectetur adipiscing elit.> Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.
                        

                            <p>Párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><blockquote>    <p>Bloque de cita. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p></blockquote><blockquote>    <p>Otro bloque de cita. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p></blockquote>
                        

                            ![Imagen con pie de foto.](../img/gnu.svg)![](../img/tux.svg)
                        

                            <figure>    <img src="../img/gnu.svg" alt="Imagen con pie de foto.">    <figcaption>Imagen con pie de foto.</figcaption></figure><img src="../img/tux.svg">
                        

                            * Lista no numerada.  + Puede ser con «*», «+» o «-».  - Y puede anidarse.    @type[em-dash]    * Incluso cambiar el tipo de viñeta a      [estos](https://www.w3schools.com/cssref/pr_list-style-type.asp).    * O por estos: `dash`, `en-dash` o `em-dash`.
                        

                            <ul>    <li><p>Lista no numerada.</p></li>    <li class="no-count">        <ul>            <li><p>Puede ser con «*», «+» o «-».</p></li>            <li><p>Y puede anidarse.</p></li>            <li class="no-count">                <ul class="em-dash">                    <li><p>Incluso cambiar el tipo de viñeta a <a href="https://www.w3schools.com/cssref/pr_list-style-type.asp">estos</a>.</p></li>                    <li><p>O por estos: <code>dash</code>, <code>en-dash</code> o <code>em-dash</code>.</p></li>                </ul>            </li>        </ul>    </li></ul>
                        

                            1. Lista numerada.  2. No es necesaria una numeración correcta.  20. Y puede anidarse.    @type[lower-alpha]    1. Incluso cambiar el tipo de viñeta a      [estos](https://www.w3schools.com/cssref/pr_list-style-type.asp).
                        

                            <ol>    <li><p>Lista numerada.</p></li>    <li class="no-count">        <ol>            <li><p>No es necesaria una numeración correcta.</p></li>            <li><p>Y puede anidarse.</p></li>            <li class="no-count">                <ol style="list-style-type: lower-alpha !important">                    <li><p>Incluso cambiar el tipo de viñeta a <a href="https://www.w3schools.com/cssref/pr_list-style-type.asp">estos</a>.</p></li>                </ol>            </li>        </ol>    </li></ol>
                        

                            ```Bloque de código genérico.Soporta varias líneas.``````ruby# Bloque de código con clase según el tipo de sintaxis.# Soporta varias líneas, este ejemplo es con la clase «ruby».```
                        

                            <pre class="">    <code class="code-line-1">Bloque de código genérico.</code>    <code class="code-line-2"></code>    <code class="code-line-3">Soporta varias líneas.</code></pre><pre class="ruby">    <code class="code-line-1"># Bloque de código con clase según el tipo de sintaxis.</code>    <code class="code-line-2"></code>    <code class="code-line-3"># Soporta varias líneas, este ejemplo es con la clase «ruby».</code></pre>
                        

                            Línea horizontal:---
                        

                            <p>Línea horizontal:</p><hr/>
                        

                                ## En cualquier bloque es posible poner   clases o identificador {.clase1 .centrado #id-encabezado}Lorem ipsum dolor sit amet, consectetur adipiscing elit.Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.derecha}> Lorem ipsum dolor sit amet, consectetur adipiscing elit.> Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.versalita}
                            

                                <h2 id="id-encabezado" class="clase1 centrado">En cualquier bloque es posible poner    clases o identificador</h2><p class="derecha">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p><blockquote class="versalita">    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p></blockquote>
                            

                                _Itálica_
                            

                                <i>Itálica</i>
                            

                                __Negrita__
                            

                                <b>Negrita</b>
                            

                                ___Negrita e itálica___
                            

                                <i><b>Negrita e itálica</b></i>
                            

                                *Itálica semántica*
                            

                                <em>Itálica semántica</em>
                            

                                **Negrita semántica**
                            

                                <strong>Negrita semántica</strong>
                            

                                ***Negrita e itálica semántica***
                            

                                <em><strong>Negrita e itálica semántica</strong></em>
                            

                                Un^superíndice^
                            

                                Un<sup>superíndice</sup>
                            

                                Un~subíndice~
                            

                                Un<sub>subíndice</sub>
                            

                                ~~Tachado~~
                            

                                <s>Tachado</s>
                            

                                ++Versalita solo las minúsculas++
                            

                                <span class="smallcap-light">Versalita solo las minúsculas</span>
                            

                                +++Versalita todo el texto+++
                            

                                <span class="smallcap">Versalita todo el texto</span>
                            

                                `Código en línea`
                            

                                <code>Código en línea</code>
                            

                                Imagen en línea: ![Como una fórmula](../img/img_inline.png),![Como una fórmula con clases o identificador](../img/img_inline.png){.clase1 .clase2 #id-imagen}.
                            

                                Imagen en línea: <img src="../img/img_inline.png" alt="Como una fórmula">, <img id="id-imagen" class="clase1 clase2" src="../img/img_inline.png" alt="Como una fórmula con clases o identificador">.
                            

                                Enlace en línea: [un enlace](https://duckduckgo.com/),[otro enlace](https://duckduckgo.com/){.clase1 .clase2 #id-enlace} con clases o identificador.
                            

                                Enlace en línea: <a href="https://duckduckgo.com/">un enlace</a>, <a id="id-enlace" class="clase1 clase2" href="https://duckduckgo.com/">otro enlace</a> con clases o identificador.
                            

                                [Contenido en span]{.clase1 .clase2 #id-span} con clases o identificador.
                            

                                <span id="id-span" class="clase1 clase2">Contenido en span</span> con clases o identificador.
                            

                                Salto de \línea
                            

                                Salto de <br> línea
                            

                                ----Barra----
                            

                                ―Barra―
                            

                                ---Raya---
                            

                                —Raya—
                            

                                --Signo de menos--
                            

                                –Signo de menos–
                            

                                Espacio/,fino
                            

                                Espacio fino
                            

                                Espacio de no/+separación
                            

                                Espacio de no separación
                            

                                \*Si se escapa, evita interpretación de cualquier estilo en línea*.
                            

                                *Si se escapa, evita interpretación de cualquier estilo en línea*.