latex-wochenende/sections/german/05/05.md

<div class="layout-content-only">
    <div class="layout-content">
        <h1>Sonderzeichen</h1>
    </div>
</div>

---

<div class="layout-content-and-preview">
  <div class="layout-content">
    <h2>Leerzeichen</h2>
    <ul>
        <li>normale Wortzwischenräume per Leertaste</li>
        <li>geschützte Leerzeichen: `~`</li>
        <li>schmale Leerzeichen: `\,`</li>
        <li>viele weitere Breiten verfügbar</li>
    </ul>
    <pre class="lang-tex hljs"><code>Schmale Leerzeichen werden z.\,B. in
Abkürzungen und zwischen Zahlen und
Einheiten verwendet: 10\,s. Normalbreite,
aber geschützte Leerzeichen können u.\,a.
dabei helfen, Titel und Namen in einer 
Zeile zu halten: Dr.~Fooboar.</code></pre>
  </div>
  <div class="layout-preview">
    <img src="sections/german/05/leerzeichen-crop.svg">
  </div>
</div>

---

<div class="layout-content-and-preview">
  <div class="layout-content">
    <h2>Die Sache mit den Strichen …</h2>
    <table>
      <tr>
        <th></th>
        <th>Name</th>
        <th>Verwendung</th>
        <th>Code</th>
      </tr>
      <tr>
        <td>-</td>
        <td>Bindestrich</td>
        <td>LaTeX-Wochenende</td>
        <td>`-`</td>
      </tr>
      <tr>
        <td>–</td>
        <td>Halbgeviert&shy;strich</td>
        <td>als Gedankenstrich – oder als Bis-Strich: 10&hairsp;–&hairsp;12 Uhr.</td>
        <td>`--`</td>
      </tr>
      <tr>
        <td>—</td>
        <td>Geviertstrich</td>
        <td>A dash&hairsp;—&hairsp;in American English</td>
        <td>`---`</td>
      </tr>
    </table>
    <!-- <pre class="lang-tex hljs"><code></code></pre> -->
  </div>
  <div class="layout-preview">
    <img src="sections/german/05/striche-crop.svg">
  </div>
</div>

---

<div class="layout-content-and-preview">
  <div class="layout-content">
    <h2>Silbentrennung</h2>
    <p>LaTeX trennt Wörter im Normalfall automatisch richtig, wenn die richtige Sprache konfiguriert ist. Es kann aber auch manuell eingegriffen werden:</p>
    <table>
      <tr>
        <td>Ausschließliche Trennung</td>
        <td>`\-`</td>
      </tr>
      <tr>
        <td>Zusätzliche Trennstelle</td>
        <td>`"-`</td>
      </tr>
      <tr>
        <td>Bindestrich (verbietet andere Trennstellen)</td>
        <td>`-`</td>
      </tr>
      <tr>
        <td>Bindestrich (erlaubt andere Trennstellen)</td>
        <td>`"=`</td>
      <tr>
        <td>Trennstelle ohne Strich</td>
        <td>`""`</td>
      </tr>
      <tr>
        <td>Strich ohne Trennstelle</td>
        <td>`"~`</td>
      </tr>
    </table>
    <p data-category="Achtung!">Einige der Codes funktionieren nur mit eingebundenem Babel-Paket.</p>
  </div>
  <div class="layout-preview">
    <img src="sections/german/05/silbentrennung-crop.svg">
  </div>
</div>

---

<div class="layout-content-only">
  <div class="layout-content">
    <h2>Anführungszeichen</h2>
    <table>
      <tr>
        <th>Sprache</th>
        <!-- <th style="text-align: center;">Kürzel</th> -->
        <th style="text-align: center;">Befehl</th>
        <th style="text-align: center;">Ergebnis</th>
      </tr>
      <tr>
        <td>Deutsch</td>
        <!-- <td style="text-align: center;"><code>,,…\`\`</code></td> -->
        <td style="text-align: center;">`\glqq … \grqq`</td>
        <td style="text-align: center;">„…“</td>
      </tr>
      <tr>
        <td>&emsp;2. Ebene</td>
        <!-- <td style="text-align: center;"><code> ,…\` </code></td> -->
        <td style="text-align: center;">` \glq … \grq `</td>
        <td style="text-align: center;">‚…‘</td>
      </tr>
      <tr>
        <td>Deutsch altern.</td>
        <!-- <td style="text-align: center;"><code>,,…\`\`</code></td> -->
        <td style="text-align: center;">`\frqq … \flqq`</td>
        <td style="text-align: center;">»…«</td>
      </tr>
      <tr>
        <td>&emsp;2. Ebene</td>
        <!-- <td style="text-align: center;"><code> ,…\` </code></td> -->
        <td style="text-align: center;">` \frq … \flq `</td>
        <td style="text-align: center;">›…‹</td>
      </tr>
      <tr>
        <td>Englisch (A.&thinsp;E.)</td>
        <td style="text-align: center;"><code>\`\`…''</code></td>
        <!-- <td style="text-align: center;">–</td> -->
        <td style="text-align: center;">“…”</td>
      </tr>
      <tr>
        <td>&emsp;2. Ebene</td>
        <td style="text-align: center;"><code> \`…' </code></td>
        <!-- <td style="text-align: center;">–</td> -->
        <td style="text-align: center;">‘…’</td>
      </tr>
      <tr>
        <td>Englisch (B.&thinsp;E.)</td>
        <td style="text-align: center;"><code> \`…' </code></td>
        <!-- <td style="text-align: center;">–</td> -->
        <td style="text-align: center;">‘…’</td>
      </tr>
      <tr>
        <td>&emsp;2. Ebene</td>
        <td style="text-align: center;"><code>\`\`…''</code></td>
        <!-- <td style="text-align: center;">–</td> -->
        <td style="text-align: center;">“…”</td>
      </tr>
    </table>
  </div>
</div>

---

<div class="layout-content-and-preview">
  <div class="layout-content">
    <h2>Zitate</h2>
    <p>Das Paket `csquotes` stellt u.&thinsp;a. den Befehl `\enquote` zur Verfügung:</p>
    <pre class="lang-tex hljs"><code>\enquote{Ein \enquote{verschachteltes}
Zitat.}</code></pre>
    <p>Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet:</p>
    <pre class="lang-tex hljs"><code>\foreignquote{english}{An English quote.}</code></pre>
  </div>
  <div class="layout-preview">
    <img src="sections/german/05/zitate-crop.svg">
  </div>
</div>

---

<div class="layout-content-only">
  <div class="layout-content">
    <h2>Diakritika</h2>
    <p>Buchstaben mit Diakritika können entweder direkt über die Tastatur eingegeben werden oder über Escape-Codes:</p>
    <table>
      <tr>
        <td><code>\\\`{o}</code></td>
        <td>ò&emsp;&emsp;</td>
        <td><code>\\c{c}</code></td>
        <td>ç&emsp;&emsp;</td>
        <td><code>\\d{u}</code></td>
        <td>ụ</td>
      </tr>
      <tr>
        <td><code>\\'{o}</code></td>
        <td>ó</td>
        <td><code>\\k{a}</code></td>
        <td>ą</td>
        <td><code>\\r{a}</code></td>
        <td>å</td>
      </tr>
      <tr>
        <td><code>\\^{o}</code></td>
        <td>ô</td>
        <td><code>\\l{}</code></td>
        <td>ł</td>
        <td><code>\\u{o}</code></td>
        <td>ŏ</td>
      </tr>
      <tr>
        <td><code>\\"{o}</code></td>
        <td>ö</td>
        <td><code>\\={o}</code></td>
        <td>ō</td>
        <td><code>\\v{s}</code></td>
        <td>š</td>
      </tr>
      <tr>
        <td><code>\\H{o}</code></td>
        <td>ő</td>
        <td><code>\\b{o}</code></td>
        <td>o</td>
        <td><code>\\t{oo}</code></td>
        <td>o͡o</td>
      </tr>
      <tr>
        <td><code>\\~{o}</code></td>
        <td>õ</td>
        <td><code>\\.{o}</code></td>
        <td>ȯ</td>
        <td><code>\\o</code></td>
        <td>ø</td>
      </tr>
    </table>
  </div>
</div>

---

<div class="layout-content-only">
  <div class="layout-content">
    <h2>Sonderzeichen & Symbole</h2>
    <p>Auch andere Sonderzeichen können entweder direkt eingegeben werden oder per Befehl:</p>
    <table>
      <tr>
        <td>^</td>
        <td><code>\\textasciicircumflex</code></td>
        <td>~</td>
        <td><code>\\textasciitilde</code></td>
      </tr>
      <tr>
        <td>＊</td>
        <td><code>\\textasteriskcentered</code></td>
        <td>\</td>
        <td><code>\\textbackslash</code></td>
      </tr>
      <tr>
        <td>|</td>
        <td><code>\\textbar</code></td>
        <td>∙</td>
        <td><code>\\textbullet</code></td>
      </tr>
      <tr>
        <td>ⓒ</td>
        <td><code>\\textcopyright</code></td>
        <td>†</td>
        <td><code>\\textdagger</code></td>
      </tr>
      <tr>
        <td>‡</td>
        <td><code>\\textdaggerdbl</code></td>
        <td>…</td>
        <td><code>\\textellipsis</code></td>
      </tr>
      <tr>
        <td>&lt;</td>
        <td><code>\\textless</code></td>
        <td>></td>
        <td><code>\\textgreater</code></td>
      </tr>
      <tr>
        <td>‰</td>
        <td><code>\\textperthousand</code></td>
        <td>§</td>
        <td><code>\\textsection</code></td>
      </tr>
    </table>
    <p>… und so ziemlich alles andere.</p>
  </div>
</div>

---

<div class="layout-content-only">
    <div class="layout-content">
        <h2>Sonderzeichen & Symbole</h2>
        <h3>Mathmode</h3>
        <p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p>
        <pre class="lang-tex hljs"><code>% griechische Buchstaben
$\pi \Sigma \delta$

% Kreuz
$\dagger$</code></pre>
    </div>
</div>

---

<div class="layout-content-only">
    <div class="layout-content">
        <h2>Sonderzeichen & Symbole</h2>
        <h3>Euro 💸</h3>
        <ul>
            <li>Paket <code class="snippet">eurosym</code></li>
            <li>Befehl <code class="snippet">\euro</code></li>
        </ul>
        <pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre>
    </div>
</div>

---

<div class="layout-content-only">
    <div class="layout-content">
        <h2>Sonderzeichen & Symbole</h2>
        <h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3>
        <ul>
            <li>Symbol malen und erkennen lassen: <a href="http://detexify.kirelabs.org/classify.html">Detexify</a></li>
            <li>Ausführliche Liste an verwendbaren Symbolen: <a href="http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf">PDF auf CTAN-Webseite</a></li>
        </ul>
    </div>
</div>

---

<div class="layout-content-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2>
        <ul>
            <li class="fragment">Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.</li>
            <li class="fragment">Lies dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.</li>
            <li class="fragment">Variiere zum Testen die Schriftgröße: Setze einen Satz in winziger, einen anderen in riesiger Schrift. Probiere aus, eine eigene Schriftgröße zu konfiguieren.</li>
        </ul>
    </div>
</div>