Also showing the reading time now; with custom reading speeds for each language
This commit is contained in:
@@ -1,6 +1,311 @@
|
||||
<!doctype html><html lang=de><head><title>Varianten von Code-Blöcken :: Privacynerd's blog</title>
|
||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt."><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/showcase-code/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content="Radek"><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Varianten von Code-Blöcken"><meta property="og:description" content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt."><meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase-code/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-09 07:17:39 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu ▾</li><li><ul class=menu__dropdown><li><a href=/de/about>Über</a></li><li><a href=/de/tags>Tags</a></li><hr><li><a href=/en/posts/showcase-code/>English</a></li><li><b><a href=/de/posts/showcase-code/>Deutsch</a></b></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>de ▾</li><li><ul class=menu__dropdown><li><a href=/en/posts/showcase-code/>English</a></li><li><b><a href=/de/posts/showcase-code/>Deutsch</a></b></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/de/about>Über</a></li><li><a href=/de/tags>Tags</a></li></ul></nav></header><div class=content><article class=post><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase-code/>Varianten von Code-Blöcken</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span><span class=post-reading-time>3 min read (516 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>
|
||||
#<a href=https://blog.privacynerd.de/de/tags/code/>code</a> </span><div class=table-of-contents><h2>Inhaltsverzeichnis</h2><nav id=TableOfContents><ul><li><a href=#beispiele>Beispiele:</a><ul><li><a href=#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung>Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</a></li><li><a href=#mit-spezifizierter-sprache>Mit spezifizierter Sprache</a></li></ul></li><li><a href=#programmiersprachen>Programmiersprachen:</a><ul><li><a href=#a>A</a></li><li><a href=#b>B</a></li><li><a href=#c>C</a></li><li><a href=#d>D</a></li><li><a href=#e>E</a></li><li><a href=#f>F</a></li><li><a href=#g>G</a></li><li><a href=#h>H</a></li><li><a href=#j>J</a></li><li><a href=#k>K</a></li><li><a href=#l>L</a></li><li><a href=#m>M</a></li><li><a href=#n>N</a></li><li><a href=#o>O</a></li><li><a href=#p>P</a></li><li><a href=#r>R</a></li><li><a href=#s>S</a></li><li><a href=#t>T</a></li><li><a href=#v>V</a></li><li><a href=#z>Z</a></li></ul></li></ul></nav></div><div class=post-content><div><p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: “Es ist in Go geschrieben und ist wirklich, wirklich schnell.”</p><p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ < code > }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href=https://gohugo.io/content-management/syntax-highlighting/>offiziellen Hugo-Dokumentation</a> nachlesen können.</p><hr><h2 id=beispiele>Beispiele:<a href=#beispiele class=hanchor arialabel=Anchor>#</a></h2><h3 id=roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung>Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)<a href=#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung class=hanchor arialabel=Anchor>#</a></h3><pre tabindex=0><code><!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
|
||||
<title>Varianten von Code-Blöcken :: Privacynerd's blog</title>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt." />
|
||||
<meta name="keywords" content="" />
|
||||
|
||||
<meta name="robots" content="noodp" />
|
||||
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/showcase-code/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
|
||||
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
<meta name="twitter:site" content="" />
|
||||
|
||||
<meta name="twitter:creator" content="Radek" />
|
||||
|
||||
|
||||
|
||||
<meta property="og:locale" content="de" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="Varianten von Code-Blöcken">
|
||||
<meta property="og:description" content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt." />
|
||||
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase-code/" />
|
||||
<meta property="og:site_name" content="Privacynerd's blog" />
|
||||
|
||||
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
|
||||
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="627">
|
||||
|
||||
|
||||
<meta property="article:published_time" content="2025-04-09 07:17:39 +0200 CEST" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
#banner {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
#banner span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#banner a {
|
||||
color: var(--background);
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#banner > button {
|
||||
padding: 0 5px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="container center">
|
||||
|
||||
<header class="header">
|
||||
<div class="header__inner">
|
||||
<div class="header__logo">
|
||||
<a href="/de">
|
||||
<div class="logo">
|
||||
Privacynerd's blog
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
<li><a href="/de/about">Über</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/tags">Tags</a></li>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/en/posts/showcase-code/">English</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/de/posts/showcase-code/">Deutsch</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul class="menu menu--desktop menu--language-selector">
|
||||
<li class="menu__trigger">de ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/en/posts/showcase-code/">English</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/de/posts/showcase-code/">Deutsch</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<nav class="navigation-menu">
|
||||
<ul class="navigation-menu__inner menu--desktop">
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/about" >Über</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/tags" >Tags</a></li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article class="post">
|
||||
<h1 class="post-title">
|
||||
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
|
||||
</h1>
|
||||
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span><span class="post-reading-time">5 Minuten Lesezeit (516 Wörter)</span></div>
|
||||
|
||||
|
||||
<span class="post-tags">
|
||||
|
||||
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>
|
||||
|
||||
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>
|
||||
|
||||
</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="table-of-contents">
|
||||
<h2>
|
||||
Inhaltsverzeichnis
|
||||
</h2>
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#beispiele">Beispiele:</a>
|
||||
<ul>
|
||||
<li><a href="#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</a></li>
|
||||
<li><a href="#mit-spezifizierter-sprache">Mit spezifizierter Sprache</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#programmiersprachen">Programmiersprachen:</a>
|
||||
<ul>
|
||||
<li><a href="#a">A</a></li>
|
||||
<li><a href="#b">B</a></li>
|
||||
<li><a href="#c">C</a></li>
|
||||
<li><a href="#d">D</a></li>
|
||||
<li><a href="#e">E</a></li>
|
||||
<li><a href="#f">F</a></li>
|
||||
<li><a href="#g">G</a></li>
|
||||
<li><a href="#h">H</a></li>
|
||||
<li><a href="#j">J</a></li>
|
||||
<li><a href="#k">K</a></li>
|
||||
<li><a href="#l">L</a></li>
|
||||
<li><a href="#m">M</a></li>
|
||||
<li><a href="#n">N</a></li>
|
||||
<li><a href="#o">O</a></li>
|
||||
<li><a href="#p">P</a></li>
|
||||
<li><a href="#r">R</a></li>
|
||||
<li><a href="#s">S</a></li>
|
||||
<li><a href="#t">T</a></li>
|
||||
<li><a href="#v">V</a></li>
|
||||
<li><a href="#z">Z</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-content"><div>
|
||||
<p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: “Es ist in Go geschrieben und ist wirklich, wirklich schnell.”</p>
|
||||
<p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ < code > }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href="https://gohugo.io/content-management/syntax-highlighting/">offiziellen Hugo-Dokumentation</a> nachlesen können.</p>
|
||||
<hr>
|
||||
<h2 id="beispiele">Beispiele:<a href="#beispiele" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)<a href="#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<pre tabindex="0"><code><!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
@@ -10,175 +315,283 @@
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
</code></pre><h3 id=mit-spezifizierter-sprache>Mit spezifizierter Sprache<a href=#mit-spezifizierter-sprache class=hanchor arialabel=Anchor>#</a></h3><h4 id=zeilenhervorhebung>Zeilenhervorhebung<a href=#zeilenhervorhebung class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
||||
</span></span><span class="line hl"><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span>
|
||||
</span></span></code></pre></div><h4 id=zeilenhervorhebung--tabellenzeilennummern>Zeilenhervorhebung / Tabellenzeilennummern<a href=#zeilenhervorhebung--tabellenzeilennummern class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><div class=chroma><table class=lntable><tr><td class=lntd><pre tabindex=0 class=chroma><code><span class=lnt> 1
|
||||
</span><span class=lnt> 2
|
||||
</span><span class=lnt> 3
|
||||
</span><span class=lnt> 4
|
||||
</span><span class=hl><span class=lnt> 5
|
||||
</span></span><span class=lnt> 6
|
||||
</span><span class=lnt> 7
|
||||
</span><span class=lnt> 8
|
||||
</span><span class=lnt> 9
|
||||
</span><span class=lnt>10
|
||||
</span></code></pre></td><td class=lntd><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
||||
</span></span><span class="line hl"><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span>
|
||||
</span></span></code></pre></td></tr></table></div></div><h4 id=zeilenhervorhebung--inline-zeilennummern>Zeilenhervorhebung / Inline-Zeilennummern<a href=#zeilenhervorhebung--inline-zeilennummern class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=ln> 1</span><span class=cl><span class=cp><!doctype html></span>
|
||||
</span></span><span class=line><span class=ln> 2</span><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=ln> 3</span><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=ln> 4</span><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
||||
</span></span><span class="line hl"><span class=ln> 5</span><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=ln> 6</span><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=ln> 7</span><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=ln> 8</span><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=ln> 9</span><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=ln>10</span><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span>
|
||||
</span></span></code></pre></div><h4 id=hugos-interner---highlight---shortcode>Hugos interner <code>{{ < highlight > }}</code> Shortcode<a href=#hugos-interner---highlight---shortcode class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span></span></span></code></pre></div><h4 id=benutzerdefinierter-eingebauter---code---shortcode>Benutzerdefinierter eingebauter <code>{{ < code > }}</code> Shortcode<a href=#benutzerdefinierter-eingebauter---code---shortcode class=hanchor arialabel=Anchor>#</a></h4><details class=collapsable-code open><summary title="Click to interact"><span class=collapsable-code__title>Hey, dies ist der Titel eines Code-Blocks</span></summary><div class=highlight><div class=chroma><table class=lntable><tr><td class=lntd><pre tabindex=0 class=chroma><code><span class=lnt> 1
|
||||
</span><span class=lnt> 2
|
||||
</span><span class=lnt> 3
|
||||
</span><span class=lnt> 4
|
||||
</span><span class=lnt> 5
|
||||
</span><span class=lnt> 6
|
||||
</span><span class=lnt> 7
|
||||
</span><span class=lnt> 8
|
||||
</span><span class=lnt> 9
|
||||
</span><span class=lnt>10
|
||||
</span></code></pre></td><td class=lntd><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span></span></span></code></pre></td></tr></table></div></div></details><h2 id=programmiersprachen>Programmiersprachen:<a href=#programmiersprachen class=hanchor arialabel=Anchor>#</a></h2><h3 id=a>A<a href=#a class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-abap data-lang=abap><span class=line><span class=cl><span class=k>WRITE</span> <span class=s1>'Hello, World!'</span><span class=p>.</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-actionscript data-lang=actionscript><span class=line><span class=cl><span class=kd>package</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=kd>public</span> <span class=kd>class</span> <span class=nx>HelloWorld</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=kd>public</span> <span class=kd>static</span> <span class=kd>function</span> <span class=nx>main</span><span class=p>()</span><span class=o>:</span><span class=nx>void</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=nf>trace</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>);</span>
|
||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-ada data-lang=ada><span class=line><span class=cl><span class=kn>with</span> <span class=nn>Ada.Text_IO</span><span class=p>;</span> <span class=kn>use</span> <span class=nn>Ada.Text_IO</span><span class=p>;</span>
|
||||
</span></span><span class=line><span class=cl><span class=kd>procedure</span> <span class=nf>Hello</span> <span class=kr>is</span>
|
||||
</span></span><span class=line><span class=cl><span class=kr>begin</span>
|
||||
</span></span><span class=line><span class=cl> <span class=n>Put_Line</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span>
|
||||
</span></span><span class=line><span class=cl><span class=kr>end</span> <span class=nf>Hello</span><span class=p>;</span>
|
||||
</span></span></code></pre></div><h3 id=b>B<a href=#b class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl><span class=nb>echo</span> <span class=s2>"Hello, World!"</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-brainfuck data-lang=brainfuck><span class=line><span class=cl><span class=nb>+</span><span class=k>[</span><span class=nb>-----</span><span class=nv>></span><span class=nb>+++</span><span class=nv><</span><span class=k>]</span><span class=nv>></span><span class=nt>.</span><span class=nb>++++++++++++</span><span class=nt>..</span><span class=nb>+++</span><span class=nt>.</span><span class=nv>></span><span class=nb>++++++</span><span class=k>[</span><span class=nb>-</span><span class=nv>></span><span class=nb>+++++++</span><span class=nv><</span><span class=k>]</span><span class=nv>></span><span class=nb>+</span><span class=nt>.</span><span class=nb>------------</span><span class=nt>.</span><span class=nb>---</span><span class=nt>.</span><span class=nb>+++++</span><span class=nt>.</span><span class=c>
|
||||
</span></span></span></code></pre></div><h3 id=c>C<a href=#c class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-c data-lang=c><span class=line><span class=cl><span class=cp>#include</span> <span class=cpf><stdio.h></span><span class=cp>
|
||||
</span></span></span><span class=line><span class=cl><span class=cp></span><span class=kt>int</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=nf>printf</span><span class=p>(</span><span class=s>"Hello, World!</span><span class=se>\n</span><span class=s>"</span><span class=p>);</span>
|
||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-csharp data-lang=csharp><span class=line><span class=cl><span class=k>using</span> <span class=nn>System</span><span class=p>;</span>
|
||||
</span></span><span class=line><span class=cl><span class=k>class</span> <span class=nc>Program</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=kd>static</span> <span class=k>void</span> <span class=n>Main</span><span class=p>()</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=n>Console</span><span class=p>.</span><span class=n>WriteLine</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span>
|
||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-c++ data-lang=c++><span class=line><span class=cl><span class=cp>#include</span> <span class=cpf><iostream></span><span class=cp>
|
||||
</span></span></span><span class=line><span class=cl><span class=cp></span><span class=kt>int</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=n>std</span><span class=o>::</span><span class=n>cout</span> <span class=o><<</span> <span class=s>"Hello, World!"</span> <span class=o><<</span> <span class=n>std</span><span class=o>::</span><span class=n>endl</span><span class=p>;</span>
|
||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><h3 id=d>D<a href=#d class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-d data-lang=d><span class=line><span class=cl><span class=kn>import</span> <span class=nn>std.stdio</span><span class=o>;</span>
|
||||
</span></span><span class=line><span class=cl><span class=kt>void</span> <span class=nf>main</span><span class=o>()</span> <span class=o>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=n>writeln</span><span class=o>(</span><span class=s>"Hello, World!"</span><span class=o>);</span>
|
||||
</span></span><span class=line><span class=cl><span class=o>}</span>
|
||||
</span></span></code></pre></div><h3 id=e>E<a href=#e class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-elixir data-lang=elixir><span class=line><span class=cl><span class=nc>IO</span><span class=o>.</span><span class=n>puts</span> <span class=s2>"Hello, World!"</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-erlang data-lang=erlang><span class=line><span class=cl><span class=p>-</span><span class=ni>module</span><span class=p>(</span><span class=n>hello</span><span class=p>).</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>-</span><span class=ni>export</span><span class=p>([</span><span class=n>world</span><span class=o>/</span><span class=mi>0</span><span class=p>]).</span>
|
||||
</span></span><span class=line><span class=cl><span class=nf>world</span><span class=p>()</span> <span class=o>-></span> <span class=nn>io</span><span class=p>:</span><span class=nf>format</span><span class=p>(</span><span class=s>"Hello, World!</span><span class=si>~n</span><span class=s>"</span><span class=p>).</span>
|
||||
</span></span></code></pre></div><h3 id=f>F<a href=#f class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-fsharp data-lang=fsharp><span class=line><span class=cl><span class=n>printfn</span> <span class=s>"Hello, World!"</span>
|
||||
</span></span></code></pre></div><h3 id=g>G<a href=#g class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-go data-lang=go><span class=line><span class=cl><span class=kn>package</span> <span class=nx>main</span>
|
||||
</span></span><span class=line><span class=cl><span class=kn>import</span> <span class=s>"fmt"</span>
|
||||
</span></span><span class=line><span class=cl><span class=kd>func</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=nx>fmt</span><span class=p>.</span><span class=nf>Println</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>)</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><h3 id=h>H<a href=#h class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-haskell data-lang=haskell><span class=line><span class=cl><span class=nf>main</span> <span class=ow>=</span> <span class=n>putStrLn</span> <span class=s>"Hello, World!"</span>
|
||||
</span></span></code></pre></div><h3 id=j>J<a href=#j class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-js data-lang=js><span class=line><span class=cl><span class=kd>var</span> <span class=nx>x</span><span class=p>,</span> <span class=nx>y</span><span class=p>,</span> <span class=nx>z</span><span class=p>;</span> <span class=c1>// Declare 3 variables
|
||||
</span></span></span><span class=line><span class=cl><span class=c1></span><span class=nx>x</span> <span class=o>=</span> <span class=mi>5</span><span class=p>;</span> <span class=c1>// Assign the value 5 to x
|
||||
</span></span></span><span class=line><span class=cl><span class=c1></span><span class=nx>y</span> <span class=o>=</span> <span class=mi>6</span><span class=p>;</span> <span class=c1>// Assign the value 6 to y
|
||||
</span></span></span><span class=line><span class=cl><span class=c1></span><span class=nx>z</span> <span class=o>=</span> <span class=nx>x</span> <span class=o>+</span> <span class=nx>y</span><span class=p>;</span> <span class=c1>// Assign the sum of x and y to z
|
||||
</span></span></span><span class=line><span class=cl><span class=c1></span>
|
||||
</span></span><span class=line><span class=cl><span class=nb>document</span><span class=p>.</span><span class=nx>getElementById</span><span class=p>(</span><span class=s2>"demo"</span><span class=p>).</span><span class=nx>innerHTML</span> <span class=o>=</span> <span class=s2>"The value of z is "</span> <span class=o>+</span> <span class=nx>z</span> <span class=o>+</span> <span class=s2>"."</span><span class=p>;</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-jsx data-lang=jsx><span class=line><span class=cl><span class=kd>function</span> <span class=nx>Video</span><span class=p>({</span> <span class=nx>video</span> <span class=p>})</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=p>(</span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>div</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>Thumbnail</span> <span class=na>video</span><span class=o>=</span><span class=p>{</span><span class=nx>video</span><span class=p>}</span> <span class=p>/></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>a</span> <span class=na>href</span><span class=o>=</span><span class=p>{</span><span class=nx>video</span><span class=p>.</span><span class=nx>url</span><span class=p>}></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>h3</span><span class=p>>{</span><span class=nx>video</span><span class=p>.</span><span class=nx>title</span><span class=p>}</</span><span class=nt>h3</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>>{</span><span class=nx>video</span><span class=p>.</span><span class=nx>description</span><span class=p>}</</span><span class=nt>p</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>a</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>LikeButton</span> <span class=na>video</span><span class=o>=</span><span class=p>{</span><span class=nx>video</span><span class=p>}</span> <span class=p>/></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>div</span><span class=p>></span>
|
||||
</span></span><span class=line><span class=cl> <span class=p>);</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-java data-lang=java><span class=line><span class=cl><span class=kd>public</span><span class=w> </span><span class=kd>class</span> <span class=nc>HelloWorld</span><span class=w> </span><span class=p>{</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=kd>public</span><span class=w> </span><span class=kd>static</span><span class=w> </span><span class=kt>void</span><span class=w> </span><span class=nf>main</span><span class=p>(</span><span class=n>String</span><span class=o>[]</span><span class=w> </span><span class=n>args</span><span class=p>)</span><span class=w> </span><span class=p>{</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=n>System</span><span class=p>.</span><span class=na>out</span><span class=p>.</span><span class=na>println</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=p>}</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w>
|
||||
</span></span></span></code></pre></div><h3 id=k>K<a href=#k class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-kotlin data-lang=kotlin><span class=line><span class=cl><span class=k>fun</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=n>println</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>)</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><h3 id=l>L<a href=#l class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-lua data-lang=lua><span class=line><span class=cl><span class=n>print</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>)</span>
|
||||
</span></span></code></pre></div><h3 id=m>M<a href=#m class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-matlab data-lang=matlab><span class=line><span class=cl><span class=nb>disp</span><span class=p>(</span><span class=s>'Hello, World!'</span><span class=p>)</span>
|
||||
</span></span></code></pre></div><h3 id=n>N<a href=#n class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-nim data-lang=nim><span class=line><span class=cl><span class=n>echo</span> <span class=s>"Hello, World!"</span>
|
||||
</span></span></code></pre></div><h3 id=o>O<a href=#o class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-objectivec data-lang=objectivec><span class=line><span class=cl><span class=cp>#import <Foundation/Foundation.h>
|
||||
</span></span></span><span class=line><span class=cl><span class=cp></span><span class=kt>int</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=k>@autoreleasepool</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=n>NSLog</span><span class=p>(</span><span class=s>@"Hello, World!"</span><span class=p>);</span>
|
||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><h3 id=p>P<a href=#p class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-perl data-lang=perl><span class=line><span class=cl><span class=k>print</span><span class=p>(</span><span class=s>"Hello, World!\n"</span><span class=p>);</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-php data-lang=php><span class=line><span class=cl><span class=o><?</span><span class=nx>php</span> <span class=k>echo</span> <span class=s2>"Hello, World!"</span><span class=p>;</span> <span class=cp>?></span><span class=err>
|
||||
</span></span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-python data-lang=python><span class=line><span class=cl><span class=nb>print</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>)</span>
|
||||
</span></span></code></pre></div><h3 id=r>R<a href=#r class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-r data-lang=r><span class=line><span class=cl><span class=nf>cat</span><span class=p>(</span><span class=s>"Hello, World!\n"</span><span class=p>)</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-ruby data-lang=ruby><span class=line><span class=cl><span class=nb>puts</span> <span class=s2>"Hello, World!"</span>
|
||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-rust data-lang=rust><span class=line><span class=cl><span class=k>fn</span> <span class=nf>main</span><span class=p>()</span><span class=w> </span><span class=p>{</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=fm>println!</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w>
|
||||
</span></span></span></code></pre></div><h3 id=s>S<a href=#s class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-scala data-lang=scala><span class=line><span class=cl><span class=k>object</span> <span class=nc>HelloWorld</span> <span class=k>extends</span> <span class=nc>App</span> <span class=o>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=n>println</span><span class=o>(</span><span class=s>"Hello, World!"</span><span class=o>)</span>
|
||||
</span></span><span class=line><span class=cl><span class=o>}</span>
|
||||
</span></span></code></pre></div><h3 id=t>T<a href=#t class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-typescript data-lang=typescript><span class=line><span class=cl><span class=nx>console</span><span class=p>.</span><span class=nx>log</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>);</span>
|
||||
</span></span></code></pre></div><h3 id=v>V<a href=#v class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-vlang data-lang=vlang><span class=line><span class=cl><span class=kd>fn</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
||||
</span></span><span class=line><span class=cl> <span class=nb>println</span><span class=p>(</span><span class=s1>'Hello, World!'</span><span class=p>)</span>
|
||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
||||
</span></span></code></pre></div><h3 id=z>Z<a href=#z class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-zig data-lang=zig><span class=line><span class=cl><span class=kr>const</span><span class=w> </span><span class=n>std</span><span class=w> </span><span class=o>=</span><span class=w> </span><span class=nb>@import</span><span class=p>(</span><span class=s>"std"</span><span class=p>);</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=kr>pub</span><span class=w> </span><span class=k>fn</span><span class=w> </span><span class=n>main</span><span class=p>()</span><span class=w> </span><span class=o>!</span><span class=kt>void</span><span class=w> </span><span class=p>{</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=n>std</span><span class=p>.</span><span class=n>debug</span><span class=p>.</span><span class=n>print</span><span class=p>(</span><span class=s>"Hello, World!</span><span class=se>\n</span><span class=s>"</span><span class=p>,</span><span class=w> </span><span class=p>.{});</span><span class=w>
|
||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w>
|
||||
</span></span></span></code></pre></div></div></div><div class=pagination><div class=pagination__title><span class=pagination__title-h>Andere Posts lesen</span><hr></div><div class=pagination__buttons><a href=https://blog.privacynerd.de/de/posts/showcase/ class="button inline next">[<span class=button__text>Beispielvorführung</span>] ></a></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
|
||||
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2fshowcase-code%2f">Impressum</a></span>
|
||||
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
||||
</code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache<a href="#mit-spezifizierter-sprache" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<h4 id="zeilenhervorhebung">Zeilenhervorhebung<a href="#zeilenhervorhebung" class="hanchor" ariaLabel="Anchor">#</a> </h4>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span>
|
||||
</span></span><span class="line hl"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Beispiel HTML5-Dokument<span class="p"></</span><span class="nt">title</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span>
|
||||
</span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern<a href="#zeilenhervorhebung--tabellenzeilennummern" class="hanchor" ariaLabel="Anchor">#</a> </h4>
|
||||
<div class="highlight"><div class="chroma">
|
||||
<table class="lntable"><tr><td class="lntd">
|
||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
||||
</span><span class="lnt"> 2
|
||||
</span><span class="lnt"> 3
|
||||
</span><span class="lnt"> 4
|
||||
</span><span class="hl"><span class="lnt"> 5
|
||||
</span></span><span class="lnt"> 6
|
||||
</span><span class="lnt"> 7
|
||||
</span><span class="lnt"> 8
|
||||
</span><span class="lnt"> 9
|
||||
</span><span class="lnt">10
|
||||
</span></code></pre></td>
|
||||
<td class="lntd">
|
||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span>
|
||||
</span></span><span class="line hl"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Beispiel HTML5-Dokument<span class="p"></</span><span class="nt">title</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span>
|
||||
</span></span></code></pre></td></tr></table>
|
||||
</div>
|
||||
</div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern<a href="#zeilenhervorhebung--inline-zeilennummern" class="hanchor" ariaLabel="Anchor">#</a> </h4>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp"><!doctype html></span>
|
||||
</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span>
|
||||
</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Beispiel HTML5-Dokument<span class="p"></</span><span class="nt">title</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span>
|
||||
</span></span></code></pre></div><h4 id="hugos-interner---highlight---shortcode">Hugos interner <code>{{ < highlight > }}</code> Shortcode<a href="#hugos-interner---highlight---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </h4>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Beispiel HTML5-Dokument<span class="p"></</span><span class="nt">title</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span></span></span></code></pre></div>
|
||||
<h4 id="benutzerdefinierter-eingebauter---code---shortcode">Benutzerdefinierter eingebauter <code>{{ < code > }}</code> Shortcode<a href="#benutzerdefinierter-eingebauter---code---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </h4>
|
||||
|
||||
|
||||
|
||||
<details class="collapsable-code" open>
|
||||
<summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
|
||||
<div class="highlight"><div class="chroma">
|
||||
<table class="lntable"><tr><td class="lntd">
|
||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
||||
</span><span class="lnt"> 2
|
||||
</span><span class="lnt"> 3
|
||||
</span><span class="lnt"> 4
|
||||
</span><span class="lnt"> 5
|
||||
</span><span class="lnt"> 6
|
||||
</span><span class="lnt"> 7
|
||||
</span><span class="lnt"> 8
|
||||
</span><span class="lnt"> 9
|
||||
</span><span class="lnt">10
|
||||
</span></code></pre></td>
|
||||
<td class="lntd">
|
||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Beispiel HTML5-Dokument<span class="p"></</span><span class="nt">title</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span></span></span></code></pre></td></tr></table>
|
||||
</div>
|
||||
</div></details>
|
||||
|
||||
<h2 id="programmiersprachen">Programmiersprachen:<a href="#programmiersprachen" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<h3 id="a">A<a href="#a" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">'Hello, World!'</span><span class="p">.</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kr">begin</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
|
||||
</span></span></code></pre></div><h3 id="b">B<a href="#b" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">"Hello, World!"</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">></span><span class="nb">+++</span><span class="nv"><</span><span class="k">]</span><span class="nv">></span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">></span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">></span><span class="nb">+++++++</span><span class="nv"><</span><span class="k">]</span><span class="nv">></span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c">
|
||||
</span></span></span></code></pre></div><h3 id="c">C<a href="#c" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf"><stdio.h></span><span class="cp">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">"Hello, World!</span><span class="se">\n</span><span class="s">"</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf"><iostream></span><span class="cp">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o"><<</span> <span class="s">"Hello, World!"</span> <span class="o"><<</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><h3 id="d">D<a href="#d" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">"Hello, World!"</span><span class="o">);</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
||||
</span></span></code></pre></div><h3 id="e">E<a href="#e" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">"Hello, World!"</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-></span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">"Hello, World!</span><span class="si">~n</span><span class="s">"</span><span class="p">).</span>
|
||||
</span></span></code></pre></div><h3 id="f">F<a href="#f" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">"Hello, World!"</span>
|
||||
</span></span></code></pre></div><h3 id="g">G<a href="#g" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">"fmt"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><h3 id="h">H<a href="#h" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">"Hello, World!"</span>
|
||||
</span></span></code></pre></div><h3 id="j">J<a href="#j" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">"demo"</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">"The value of z is "</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">"."</span><span class="p">;</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">div</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">h3</span><span class="p">>{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}</</span><span class="nt">h3</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">>{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}</</span><span class="nt">p</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">a</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
||||
</span></span></span></code></pre></div><h3 id="k">K<a href="#k" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><h3 id="l">L<a href="#l" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><h3 id="m">M<a href="#m" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">'Hello, World!'</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><h3 id="n">N<a href="#n" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">"Hello, World!"</span>
|
||||
</span></span></code></pre></div><h3 id="o">O<a href="#o" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import <Foundation/Foundation.h>
|
||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@"Hello, World!"</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><h3 id="p">P<a href="#p" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">"Hello, World!\n"</span><span class="p">);</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o"><?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">"Hello, World!"</span><span class="p">;</span> <span class="cp">?></span><span class="err">
|
||||
</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><h3 id="r">R<a href="#r" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">"Hello, World!\n"</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">"Hello, World!"</span>
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
||||
</span></span></span></code></pre></div><h3 id="s">S<a href="#s" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">"Hello, World!"</span><span class="o">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
||||
</span></span></code></pre></div><h3 id="t">T<a href="#t" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">);</span>
|
||||
</span></span></code></pre></div><h3 id="v">V<a href="#v" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">'Hello, World!'</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><h3 id="z">Z<a href="#z" class="hanchor" ariaLabel="Anchor">#</a> </h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">"std"</span><span class="p">);</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">"Hello, World!</span><span class="se">\n</span><span class="s">"</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
||||
</span></span></span></code></pre></div>
|
||||
</div></div>
|
||||
|
||||
|
||||
|
||||
<div class="pagination">
|
||||
<div class="pagination__title">
|
||||
<span class="pagination__title-h">Andere Posts lesen</span>
|
||||
<hr />
|
||||
</div>
|
||||
<div class="pagination__buttons">
|
||||
|
||||
|
||||
|
||||
<a href="https://blog.privacynerd.de/de/posts/showcase/" class="button inline next">
|
||||
[<span class="button__text">Beispielvorführung</span>] >
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="footer">
|
||||
<style>
|
||||
.antidiscovery i { display: none; }
|
||||
</style>
|
||||
<div class="footer__inner">
|
||||
|
||||
<div class="copyright copyright--user">
|
||||
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
|
||||
|
||||
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2fshowcase-code%2f">Impressum</a></span>
|
||||
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/bundle.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user