"><linkrel=canonicalhref=https://jpanther.github.io/congo/de/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="Beispielartikel, der die grundlegende Markdown-Syntax und die Formatierung von HTML-Elementen zeigt."><metaproperty="og:type"content="article"><metaproperty="og:url"content="https://jpanther.github.io/congo/de/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="Beispielartikel, der die grundlegende Markdown-Syntax und die Formatierung von HTML-Elementen zeigt."><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"Article","articleSection":"Beispiele für Inhalte","name":"Markdown","headline":"Markdown","description":"Beispielartikel, der die grundlegende Markdown-Syntax und die Formatierung von HTML-Elementen zeigt.","abstract":"\u003cp\u003eDieser Artikel bietet ein Beispiel für die grundlegende Markdown-Formatierung, die in Congo verwendet werden kann, und zeigt auch, wie einige grundlegende HTML-Elemente genutzt werden können.\u003c\/p\u003e","inLanguage":"de-DE","url":"https:\/\/jpanther.github.io\/congo\/de\/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","Beispiele"],"mainEntityOfPage":"true","wordCount":"460"}</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>Zum Hauptinhalt springen</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/de/>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"><ahreftitle><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Dokumentation</span></a></li><liclass="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5"><ahref=/congo/de/samples/title><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Beispiele</span></a></li><liclass="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5"><ahreftitle><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Genutzt von</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.4
<strong>Hinweis</strong>: <em>Markdown-Syntax</em> kann innerhalb eines Zitat-Blocks verwendet werden.</p></blockquote><h3id=zitat-als-block-ohne-quellenangabe-1class="relative group">Zitat als Block ohne Quellenangabe <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=#zitat-als-block-ohne-quellenangabe-1aria-label=Anker>#</a></span></h3><blockquote><p>Kommunizieren Sie nicht, indem Sie Erinnerungen teilen, sondern teilen Sie Erinnerungen, indem Sie kommunizieren.<br>— <cite>Rob Pike<supid=fnref:1><ahref=#fn:1class=footnote-refrole=doc-noteref>1</a></sup></cite></p></blockquote><h2id=tabellenclass="relative group">Tabellen <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=#tabellenaria-label=Anker>#</a></span></h2><p>Tabellen sind nicht Teil der Markdown-Kernspezifikation, aber Hugo unterstützt sie standardmäßig.</p><table><thead><tr><th>Name</th><th>Alter</th></tr></thead><tbody><tr><td>Bob</td><td>27</td></tr><tr><td>Alice</td><td>23</td></tr></tbody></table><h3id=inline-markdown-innerhalb-von-tabellenclass="relative group">Inline-Markdown innerhalb von Tabellen <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=#inline-markdown-innerhalb-von-tabellenaria-label=Anker>#</a></span></h3><table><thead><tr><th>Kursiv</th><th>Fett</th><th>Code</th></tr></thead><tbody><tr><td><em>kursiv</em></td><td><strong>fett</strong></td><td><code>code</code></td></tr></tbody></table><h2id=code-blöckeclass="relative group">Code-Blöcke <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=#code-bl%c3%b6ckearia-label=Anker>#</a></span></h2><h3id=code-block-mit-backticksclass="relative group">Code-Block mit backticks <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=#code-block-mit-backticksaria-label=Anker>#</a></span></h3><divclass=highlight><pretabindex=0class=chroma><codeclass=language-htmldata-lang=html><spanclass=line><spanclass=cl><spanclass=cp><!doctype html></span>
</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=arten-von-listenclass="relative group">Arten von Listen <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=#arten-von-listenaria-label=Anker>#</a></span></h2><h3id=geordnete-listeclass="relative group">Geordnete Liste <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=#geordnete-listearia-label=Anker>#</a></span></h3><ol><li>Erster Eintrag</li><li>Zweiter Eintrag</li><li>Dritter Eintrag</li></ol><h3id=ungeordnete-listeclass="relative group">Ungeordnete Liste <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=#ungeordnete-listearia-label=Anker>#</a></span></h3><ul><li>Listen-Eintrag</li><li>weiterer Eintrag</li><li>noch ein weiterer Eintrag</li></ul><h3id=geschachtelte-listeclass="relative group">Geschachtelte Liste <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=#geschachtelte-listearia-label=Anker>#</a></span></h3><ul><li>Obst<ul><li>Apfel</li><li>Orange</li><li>Banane</li></ul></li><li>Milchprodukte<ul><li>Milch</li><li>Käse</li></ul></li></ul><h2id=andere-elemente--abbr-sub-sup-kbd-markclass="relative group">Andere Elemente — 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=#andere-elemente--abbr-sub-sup-kbd-markaria-label=Anker>#</a></span></h2><p><abbrtitle="Graphics Interchange Format">GIF</abbr> ist ein Bitmap-Bildformat.</p><p>H<sub>2</sub>O</p><p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p><p>Drücke <kbd>STRG</kbd>+<kbd>ALT</kbd>+<kbd>Entf</kbd>, um die Sitzung zu beenden.</p><p>Die meisten <mark>Salamander</mark> sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen.</p><divclass=footnotesrole=doc-endnotes><hr><ol><liid=fn:1><p>Das obige Zitat ist ein Auszug aus Rob Pikes [talk <code>about</code> nothing] (<ahref="https://www.youtube.com/watch?v=PAAkCSZUG1c"target=_blankrel=noreferrer>https://www.youtube.com/watch?v=PAAkCSZUG1c</a>) während des Gopherfestes am 18. November 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">Dies ist ein Beispiel für eine Autorenbiografie, und obwohl hier ein Stockfoto eines Hundes zu sehen ist, wurde dieser Artikel tatsächlich von einem Menschen verfasst. 🐶</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=
