"><linkrel=canonicalhref=https://jpanther.github.io/congo/es/samples/markdown/><linkrel=apple-touch-iconsizes=180x180href=/congo/apple-touch-icon.png><linkrel=icontype=image/pngsizes=32x32href=/congo/favicon-32x32.png><linkrel=icontype=image/pngsizes=16x16href=/congo/favicon-16x16.png><linkrel=manifesthref=/congo/site.webmanifest><metaproperty="og:title"content="Markdown"><metaproperty="og:description"content="Ejemplo de artículo que muestra la sintaxis y el formato básico de Markdown para elementos HTML."><metaproperty="og:type"content="article"><metaproperty="og:url"content="https://jpanther.github.io/congo/es/samples/markdown/"><metaproperty="article:section"content="samples"><metaproperty="article:published_time"content="2019-03-11T00:00:00+00:00"><metaproperty="article:modified_time"content="2019-03-11T00:00:00+00:00"><metaname=twitter:cardcontent="summary"><metaname=twitter:titlecontent="Markdown"><metaname=twitter:descriptioncontent="Ejemplo de artículo que muestra la sintaxis y el formato básico de Markdown para elementos HTML."><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"Article","articleSection":"Páginas de ejemplo","name":"Markdown","headline":"Markdown","description":"Ejemplo de artículo que muestra la sintaxis y el formato básico de Markdown para elementos HTML.","abstract":"\u003cp\u003eEste artículo es la sintaxis de Markdown que se puede usar en Congo. También muestra cómo se decoran algunos elementos básicos de HTML.\u003c\/p\u003e","inLanguage":"es-MX","url":"https:\/\/jpanther.github.io\/congo\/es\/samples\/markdown\/","author":{"@type":"Person","name":"Congo"},"copyrightYear":"2019","dateCreated":"2019-03-11T00:00:00\u002b00:00","datePublished":"2019-03-11T00:00:00\u002b00:00","dateModified":"2019-03-11T00:00:00\u002b00:00","keywords":["markdown","css","html","sample"],"mainEntityOfPage":"true","wordCount":"488"}</script><metaname=authorcontent="Congo"><linkhref=https://twitter.com/rel=me><linkhref=https://facebook.com/rel=me><linkhref=https://linkedin.com/rel=me><linkhref=https://youtube.com/rel=me></head><bodyclass="m-auto flex h-screen max-w-7xl flex-col bg-neutral px-6 text-lg leading-7 text-neutral-900 sm:px-14 md:px-24 lg:px-32 dark:bg-neutral-800 dark:text-neutral"><divid=the-topclass="absolute flex self-center"><aclass="-translate-y-8 rounded-b-lg bg-primary-200 px-3 py-1 text-sm focus:translate-y-0 dark:bg-neutral-600"href=#main-content><spanclass="pe-2 font-bold text-primary-600 dark:text-primary-400">↓</span>Ir al contenido</a></div><headerclass="py-6 font-semibold text-neutral-900 print:hidden sm:py-10 dark:text-neutral"><navclass="flex items-start justify-between sm:items-center"><divclass="flex flex-row items-center"><aclass="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"rel=mehref=/congo/es/>Congo</a></div><ulclass="flex list-none flex-col text-end sm:flex-row"><liclass="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5"><ahref=/congo/docstitle><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Docs</span></a></li><liclass="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5"><ahref=/congo/es/samples/title><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Ejemplos</span></a></li><liclass="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5"><ahref=/congo/es/users/title><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Usuarios</span></a></li><liclass="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5"><ahref=https://github.com/jpanther/congotitletarget=_blank><spanclass="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"><spanclass="icon relative inline-block px-1 align-text-bottom"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 496 512"><pathfill="currentcolor"d="M165.9397.4c02-2.33.6-5.23.6-3.3.3-5.6-1.3-5.6-3.6.0-22.3-3.65.2-
<strong>Nota</strong> puedes usar <em>Sintaxis Markdown</em> dentro de la cita en bloque.</p></blockquote><h3id=cita-en-bloque-con-atribuciónclass="relative group">Cita en bloque con atribución <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#cita-en-bloque-con-atribuci%c3%b3naria-label=Ancla>#</a></span></h3><blockquote><p>Don’t communicate by sharing memory, share memory by communicating.<br>— <cite>Rob Pike<supid=fnref:1><ahref=#fn:1class=footnote-refrole=doc-noteref>1</a></sup></cite></p></blockquote><h2id=tablasclass="relative group">Tablas <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#tablasaria-label=Ancla>#</a></span></h2><p>Las tablas no forman parte de la especificación principal de Markdown, pero Hugo las soporta por defecto.</p><table><thead><tr><th>Nombre</th><th>Edad</th></tr></thead><tbody><tr><td>Bob</td><td>27</td></tr><tr><td>Alice</td><td>23</td></tr></tbody></table><h3id=markdown-dentro-de-las-tablasclass="relative group">Markdown dentro de las tablas <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#markdown-dentro-de-las-tablasaria-label=Ancla>#</a></span></h3><table><thead><tr><th>Cursiva</th><th>Negritas</th><th>Código</th></tr></thead><tbody><tr><td><em>Cursiva</em></td><td><strong>Negrita</strong></td><td><code>Código</code></td></tr></tbody></table><h2id=bloques-de-códigoclass="relative group">Bloques de código <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#bloques-de-c%c3%b3digoaria-label=Ancla>#</a></span></h2><h3id=bloque-de-código-con-acentos-gravesclass="relative group">Bloque de código con acentos graves <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#bloque-de-c%c3%b3digo-con-acentos-gravesaria-label=Ancla>#</a></span></h3><divclass=highlight><pretabindex=0class=chroma><codeclass=language-htmldata-lang=html><spanclass=line><spanclass=cl><spanclass=cp><!doctype html></span>
</span></span></code></pre></div><h3id=bloque-de-código-indentado-con-cuatro-espaciosclass="relative group">Bloque de código indentado con cuatro espacios <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#bloque-de-c%c3%b3digo-indentado-con-cuatro-espaciosaria-label=Ancla>#</a></span></h3><pre><code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
</code></pre><h3id=bloque-de-código-con-resaltado-usando-el-shortcode-interno-de-hugoclass="relative group">Bloque de código con resaltado usando el shortcode interno de Hugo <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#bloque-de-c%c3%b3digo-con-resaltado-usando-el-shortcode-interno-de-hugoaria-label=Ancla>#</a></span></h3><divclass=highlight><divclass=chroma><tableclass=lntable><tr><tdclass=lntd><pretabindex=0class=chroma><code><spanclass=lnt> 1
</span></span><spanclass=line><spanclass=cl><spanclass=p></</span><spanclass=nt>html</span><spanclass=p>></span></span></span></code></pre></td></tr></table></div></div><h2id=tipos-de-listaclass="relative group">Tipos de lista <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#tipos-de-listaaria-label=Ancla>#</a></span></h2><h3id=lista-ordenadaclass="relative group">Lista ordenada <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#lista-ordenadaaria-label=Ancla>#</a></span></h3><ol><li>Primer artículo</li><li>Segundo artículo</li><li>Tercer artículo</li></ol><h3id=lista-desordenadaclass="relative group">Lista desordenada <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#lista-desordenadaaria-label=Ancla>#</a></span></h3><ul><li>Elemento de la lista</li><li>Otro artículo</li><li>Un artículo más</li></ul><h3id=lista-anidadaclass="relative group">Lista anidada <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#lista-anidadaaria-label=Ancla>#</a></span></h3><ul><li>Fruta<ul><li>Manzana</li><li>Naranja</li><li>Platano</li></ul></li><li>Lácteos<ul><li>Leche</li><li>Queso</li></ul></li></ul><h2id=otros-elementos--abbr-sub-sup-kbd-markclass="relative group">Otros elementos — abbr, sub, sup, kbd, mark <spanclass="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#otros-elementos--abbr-sub-sup-kbd-markaria-label=Ancla>#</a></span></h2><p><abbrtitle="Graphics Interchange Format">GIF</abbr> es un formato de imagen de mapa de bits.</p><p>H<sub>2</sub>O</p><p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p><p>Presiona <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> para terminar la sesión.</p><p>La mayoría de las <mark>salamandras</mark> son nocturnas y cazan insectos, gusanos y otras criaturas pequeñas.</p><divclass=footnotesrole=doc-endnotes><hr><ol><liid=fn:1><p>La cita anterior es un extracto de <ahref="https://www.youtube.com/watch?v=PAAkCSZUG1c"target=_blankrel=noreferrer>talk <code>about</code> nothing</a> durante el Gopherfest, November 18, 2015. <ahref=#fnref:1class=footnote-backrefrole=doc-backlink>↩︎</a></p></li></ol></div></div></section><footerclass="max-w-prose pt-8 print:hidden"><divclass=flex><pictureclass="!mb-0 !mt-0 me-4 w-24 h-auto rounded-full"><imgwidth=600height=600class="!mb-0 !mt-0 me-4 w-24 h-auto rounded-full"alt=Congoloading=lazydecoding=asyncsrc=/congo/img/author.jpg></picture><divclass=place-self-center><divclass="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">Autor</div><divclass="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">Congo</div><divclass="text-sm text-neutral-700 dark:text-neutral-400">Esta es una biografía de autor de ejemplo, y aunque aquí hay una foto de un perro, este artículo en realidad fue creado por un ser humano. 🐶</div><divclass="text-2xl sm:text-lg"><divclass="flex flex-wrap text-neutral-400 dark:text-neutral-500"><aclass="px-1 transition-transform hover:scale-125 hover:text-primary-700 dark:hover:text-primary-400"style=will-change:transformhref=https://twitter.com/target=_blankaria-label=X-Twitterrel="me noopener noreferrer"><spanclass="icon relative inline-block px-1 align-text-bottom"><svg