---
title: Junk
slug: Sandbox
translation_of: Sandbox
---
<h2 id="Hallo_Welt1">Hallo Welt1</h2>

<h3 id="HTML_Inhalt1">HTML Inhalt1</h3>

<h2 id="Hallo_Welt!">Hallo Welt!</h2>

<h2 id="&lt;p>Das_ist_ein_&lt;i>unglaublicher1&lt;i>Paragraph&lt;p>">&lt;p&gt;Das ist ein &lt;i&gt;unglaublicher1&lt;/i&gt;Paragraph&lt;/p&gt;</h2>

<p> </p>

<p>Dies ist eine exmperimentelle Seite für Leute, die als MDN Beiträger starten.</p>

<div class="warning">
<h2 id="CSS_Inhalt1">CSS Inhalt1</h2>
</div>

<div class="twocolumns">
<div class="threecolumns">
<div class="twocolumns">
<pre class="brush: css"><code>1  h1{
2  color: yellow;
3  }
4
5  p{
6  font-size: low;
7  }</code></pre>
</div>
</div>
</div>

<p> </p>

<h2 id="Testvorlage">Testvorlage</h2>

<h3 id="HTML_Inhalt">HTML Inhalt</h3>

<pre class="brush: html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token">1  </span></span></span></code><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>canvas</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span>'the_canvas'</span><span class="punctuation token">&gt;</span></span><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>canvas</span><span class="punctuation token">&gt;</span></span></code></pre>


<h2 id="mathvariant-Examples" name="mathvariant-Examples">mathvariant-Examples</h2>

<h3 id="HTML-Inhalt">HTML-Inhalt</h3>

<pre class="brush: html"><code>normal</code> (Standardwert) ; <math><mn mathvariant="normal">Beispiel</mn></math>
<code>bold</code> ; <math><mn mathvariant="bold">Beispiel</mn></math>
<code>italic</code> ; <math><mn mathvariant="italic">Beispiel</mn></math>
<code>bold-italic</code> ; <math><mn mathvariant="bold-italic">Beispiel</mn></math>
<code>double-struck</code> ; <math><mn mathvariant="double-struck">Beispiel</mn></math>
<code>bold-fraktur</code> ; <math><mn mathvariant="bold-fraktur">Beispiel</mn></math>
<code>script</code> ; <math><mn mathvariant="script">Beispiel</mn></math>
<code>bold-script</code> ; <math><mn mathvariant="bold-script">Beispiel</mn></math>
<code>fraktur</code> ; <math><mn mathvariant="fraktur">Beispiel</mn></math>
<code>sans-serif</code> ; <math><mn mathvariant="sans-serif">Beispiel</mn></math>
<code>bold-sans-serif</code> ; <math><mn mathvariant="bold-sans-serif">Beispiel</mn></math>
<code>sans-serif-italic</code> ; <math><mn mathvariant="sans-serif-italic">Beispiel</mn></math>
<code>sans-serif-bold-italic</code> ; <math><mn mathvariant="sans-serif-bold-italic">Beispiel</mn></math>
<code>monospace</code> ; <math><mn mathvariant="monospace">Beispiel</mn></math>
<code>initial</code> ; <math><mn mathvariant="initial">مثال</mn></math>
<code>tailed</code> ; <math><mn mathvariant="tailed">مثال</mn></math>
<code>looped</code> ; <math><mn mathvariant="looped">مثال</mn></math>
<code>stretched</code> ; <math><mn mathvariant="stretched">مثال</mn></math>
</pre>

<p>{{ EmbedLiveSample('mathvariant-Examples') }}</p>