<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
    <channel>
        
        <title>
            <![CDATA[ Markdown - freeCodeCamp.org ]]>
        </title>
        <description>
            <![CDATA[ Descubre miles de cursos de programación escritos por expertos. Aprende Desarrollo Web, Ciencia de Datos, DevOps, Seguridad y obtén asesoramiento profesional para desarrolladores. ]]>
        </description>
        <link>https://www.freecodecamp.org/espanol/news/</link>
        <image>
            <url>https://cdn.freecodecamp.org/universal/favicons/favicon.png</url>
            <title>
                <![CDATA[ Markdown - freeCodeCamp.org ]]>
            </title>
            <link>https://www.freecodecamp.org/espanol/news/</link>
        </image>
        <generator>Eleventy</generator>
        <lastBuildDate>Fri, 19 Jun 2026 20:01:24 +0000</lastBuildDate>
        <atom:link href="https://www.freecodecamp.org/espanol/news/tag/markdown/rss.xml" rel="self" type="application/rss+xml" />
        <ttl>60</ttl>
        
            <item>
                <title>
                    <![CDATA[ Cómo dar formato al código en Markdown ]]>
                </title>
                <description>
                    <![CDATA[ Hay dos maneras de dar formato al código en Markdown. Puedes usar código en línea, colocando comillas invertidas (`) alrededor de partes de una línea, o puedes usar un bloque de código al que algunos renderizadores le aplicarán un resaltado de sintaxis. Código en línea Puedes usar el formateo de ]]>
                </description>
                <link>https://www.freecodecamp.org/espanol/news/como-formatear-codigo-en-markdown/</link>
                <guid isPermaLink="false">63239aec70a5cb0907d68550</guid>
                
                    <category>
                        <![CDATA[ Markdown ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ Federico Holc ]]>
                </dc:creator>
                <pubDate>Thu, 20 Oct 2022 23:01:35 +0000</pubDate>
                <media:content url="https://www.freecodecamp.org/espanol/news/content/images/2022/09/5f9c9d0f740569d1a4ca35a8.jpg" medium="image" />
                <content:encoded>
                    <![CDATA[ <p data-test-label="translation-intro">
        <strong>Artículo original:</strong> <a href="https://www.freecodecamp.org/news/how-to-format-code-in-markdown/" target="_blank" rel="noopener noreferrer" data-test-label="original-article-link">How to Format Code in Markdown</a>
      </p><p>Hay dos maneras de dar formato al código en Markdown. Puedes usar código en línea, colocando comillas invertidas (`) alrededor de partes de una línea, o puedes usar un bloque de código al que algunos renderizadores le aplicarán un resaltado de sintaxis.</p><h2 id="c-digo-en-l-nea"><strong>Código en línea</strong></h2><p>Puedes usar el formateo de código en línea para enfatizar un comando o una pieza pequeña de sintaxis dentro de una oración que estás escribiendo. </p><p>Por ejemplo, si quisieras mencionar el método <code>Array.protoype.map()</code> de JavaScript. Al utilizar el formato de código en línea, queda claro que se trata de una pieza de código. También podrías usarlo para ilustrar un comando de la terminal como <code>yarn install</code>.</p><p>Para utilizar el formato de código en línea, simplemente pon entre comillas invertidas el código al que le quieres dar formato. En un teclado QWERTY estándar de EE.UU., esto se encuentra a la izquierda del ‘1’, y sobre la tecla Tab. Más información sobre la ubicación de las comillas invertidas en teclados internacionales es provista debajo.</p><p>Por ejemplo, escribir `Array.prototype.map()` en Markdown se va a renderizar como <code>Array.prototype.map()</code>.</p><h2 id="bloques-de-c-digo"><strong>Bloques de código</strong></h2><p>Para escribir fragmentos de código más largos y detallados, habitualmente es mejor colocarlos dentro de un bloque de código. Los bloques de código le permiten utilizar múltiples líneas, y Markdown las renderizará dentro de su propio cuadro y con un tipo de fuente de código.</p><p>Para lograr esto, comience su bloque con una línea de tres comillas invertidas. Esto le señala a Markdown que está creando un bloque de código. Necesitará finalizarlo con otra línea de tres comillas invertidas. Por ejemplo:</p><p>```<br>var sumar2 = function(numero) {<br> &nbsp; return numero + 2;<br>}<br>```</p><p>se renderizará en Markdown como:</p><pre><code class="language-text">var sumar2 = function(numero) {
  return numero + 2;
}</code></pre><h3 id="resaltado-de-sintaxis">Resaltado de sintaxis</h3><p>Aunque no es soportado nativamente por Markdown, varios motores de Markdown, incluyendo el que es utilizado por GitHub, soportarán el resaltado de sintaxis. Esto significa que al indicarle a Markdown el lenguaje que está utilizando dentro del bloque de código, este le agregará colores como lo haría un entorno de desarrollo integrado (IDE).</p><p>Puedes hacer esto agregando el nombre del lenguaje en la misma línea de sus tres comillas invertidas de apertura. En el ejemplo de arriba, si en lugar de que la primera línea sea ``` se escribiera ```js, entonces se aplicaría el resaltado de JavaScript al bloque. </p><pre><code class="language-js">var sumar2 = function(numero) {
	return numero + 2;
}</code></pre><p>Sin embargo, el resaltado de sintaxis se puede aplicar a más que solo JavaScript. Puedes utilizar ```html:</p><pre><code class="language-html">&lt;div class="row"&gt;
  &lt;div class="col-md-6 col-md-offset-3"&gt;
    &lt;h1&gt;Hola Mundo&lt;/h1&gt;
  &lt;/div&gt;
&lt;/div&gt;</code></pre><p>```ruby:</p><pre><code class="language-ruby">"Hola Mundo".split('').each do |letter|
  puts letter
end</code></pre><p>o ```python:</p><pre><code class="language-python">a, b = 0, 1
while b &lt; 10:
    print(b)
    a, b = a, a + b</code></pre><p>Solo recuerda, no todos los motores de Markdown aplicarán el resaltado de sintaxis.</p><h2 id="comillas-invertidas-en-teclados-internacionales">Comillas invertidas en teclados internacionales</h2><p>La ubicación de la tecla de comillas invertida puede variar en distintos teclados, y si no estás utilizando un teclado QWERTY de distribución estadounidense, puede ser difícil de encontrar. A continuación puedes ver -señalada en rojo- dónde encontrar la tecla de comillas invertida en distintos diseños de teclado:</p><h3 id="qwerty-latinoamericano-">QWERTY Latinoamericano:</h3><figure class="kg-card kg-image-card"><img src="https://www.freecodecamp.org/espanol/news/content/images/2022/09/image-12.png" class="kg-image" alt="image-12" srcset="https://www.freecodecamp.org/espanol/news/content/images/size/w600/2022/09/image-12.png 600w, https://www.freecodecamp.org/espanol/news/content/images/size/w1000/2022/09/image-12.png 1000w, https://www.freecodecamp.org/espanol/news/content/images/2022/09/image-12.png 1200w" sizes="(min-width: 720px) 720px" width="1200" height="400" loading="lazy"></figure><h3 id="qwerty-">QWERTY:</h3><figure class="kg-card kg-image-card"><img src="https://www.freecodecamp.org/espanol/news/content/images/2022/09/image-11.png" class="kg-image" alt="image-11" srcset="https://www.freecodecamp.org/espanol/news/content/images/size/w600/2022/09/image-11.png 600w, https://www.freecodecamp.org/espanol/news/content/images/2022/09/image-11.png 703w" width="703" height="334" loading="lazy"></figure><h3 id="azerty-">AZERTY:</h3><figure class="kg-card kg-image-card"><img src="https://www.freecodecamp.org/news/content/images/2020/04/8f65c339ce4eefd9d79841f3dc54f4c37cab2e77.png" class="kg-image" alt="8f65c339ce4eefd9d79841f3dc54f4c37cab2e77" width="600" height="400" loading="lazy"></figure><figure class="kg-card kg-image-card"><img src="https://www.freecodecamp.org/news/content/images/2020/04/de291f0895b0fed992726a62d654f4e1f0e421f3.png" class="kg-image" alt="de291f0895b0fed992726a62d654f4e1f0e421f3" width="600" height="400" loading="lazy"></figure><hr> ]]>
                </content:encoded>
            </item>
        
    </channel>
</rss>
