254 lines
7.4 KiB
Markdown
254 lines
7.4 KiB
Markdown
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h1>All Features Welcome :) 🐉</h1>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2>Semantische Hervorhebungen</h2>
|
||
<p>TODO `\emph{}` und was äquivalentes zu `<strong>`</p>
|
||
</div>
|
||
<div class="layout-preview">
|
||
TODO
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2>Visuelle Hervorhebungen</h2>
|
||
<p>
|
||
<table>
|
||
<tr><th>Bezeichnung</th><th>Befehl</th></tr>
|
||
<tr><td>fett (bold face)</td><td><code>\textbf{Very Important Stuff}</code></td></tr>
|
||
<tr><td>kursiv (italics)</td><td><code>\textit{Very Important Stuff}</code></td></tr>
|
||
<tr><td>Kapitälchen (small capitals)</td><td><code>\textsc{Very Important Stuff}</code></td></tr>
|
||
<tr><td>dicktengleich (teletypefont)</td><td><code>\texttt{Very Important Stuff}</code></td></tr>
|
||
<tr><td>geneigt (slanted)</td><td><code>\textsl{Very Important Stuff)</code></td></tr>
|
||
<tr><td>unterstrichen</td><td><code>\underline{Very Important Stuff}</code></td></tr>
|
||
</table>
|
||
</div>
|
||
<div class="layout-preview">
|
||
<img src="sections/german/05/hervorhebungen.png">
|
||
<img src="sections/german/05/hervorhebungen-crop.svg">
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Hervorhebungen schachteln</h2>
|
||
<p>Problemlos möglich:</p>
|
||
<pre class="lang-tex hljs"><code>\textbf{Very \textit{Important Stuff}}</code></pre>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Hervorhebungen schachteln</h2>
|
||
<p>Innerhalb kursiver Hervorhebung kann man auch den Befehl `\emph{text}` verwenden, um Passagen von der Kursivierung auszunehmen:</p>
|
||
<pre class="lang-tex hljs"><code>\textit{Very \emph{Important} Stuff}</code></pre>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Hervorhebungen: Schriftgröße</h2>
|
||
<div class="box warning">
|
||
<p><strong>Ein gutgemeinter Rat: Better Call ~~Saul~~ LaTeX!</strong></p>
|
||
<p>Vgl. Abschnitt zu Syntax und Semantik:<br>
|
||
Konsistentes Aussehen über das gesamte Dokument hinweg gewünscht?</p>
|
||
<p>Voreinstellungen von LaTeX zur Schriftgröße verschiedener Textelemente (Titel, Fließtext, Fußnoten) vertrauen!<br>
|
||
Das heißt im Umkehrschluss: Möglichst wenig manuell an Schriftgrößen herumschrauben</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Hervorhebungen: Schriftgröße</h2>
|
||
<h3>normalsize</h3>
|
||
<ul>
|
||
<li>Wird für den Fließtext verwendet</li>
|
||
<li>Standard: 10pt</li>
|
||
<li>Kann im Header folgendermaßen verändert werden:</li>
|
||
</ul>
|
||
<pre class="lang-tex hljs"><code>\documentclass[12pt]{article}</code></pre>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2>Hervorhebungen: Schriftgröße</h2>
|
||
<h3>Voreingestellte Schriftgrößen</h3>
|
||
<p>Syntax:</p>
|
||
<pre class="lang-tex hljs"><code>{\fontsize ein Textabschnitt}</code></pre>
|
||
<p>Zur Auswahl: immer relativ zu normalsize</p>
|
||
<pre class="lang-tex hljs"><code>{\tiny Wenn}
|
||
{\footnotesize du}
|
||
{\small das}
|
||
{\normalsize lesen}
|
||
{\large kannst,}
|
||
{\Large brauchst}
|
||
{\LARGE du}
|
||
{\huge keine}
|
||
{\Huge Brille.}</code></pre>
|
||
</div>
|
||
<div class="layout-preview">
|
||
<img src="sections/german/05/schriftgroesse_optiker.png">
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2>Hervorhebungen: Schriftgröße</h2>
|
||
<h3>Manuelle Konfiguration möglich</h3>
|
||
<pre class="lang-tex hljs"><code>\fontsize{<Schriftgröße>}{<Zeilenhöhe>}
|
||
\selectfont</code></pre>
|
||
<p>Beispiel:</p>
|
||
<pre class="lang-tex hljs"><code>Das ist Text in normaler Schriftgröße.
|
||
|
||
\fontsize{1cm}{1.25cm}\selectfont
|
||
Das ist eine Textpassage in
|
||
wirklich riesiger Schrift.
|
||
|
||
\normalsize
|
||
Back to normal.</code></pre>
|
||
</div>
|
||
<div class="layout-preview">
|
||
<img src="sections/german/05/schriftgroesse_fontsize_befehl.png">
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Weitere Blockumgebungen</h2>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Sonderzeichen & Symbole</h2>
|
||
<h3>Escape Sequences 🏃</h3>
|
||
<ul>
|
||
<li>In LaTeX werden viele Sonderzeichen für Befehle verwendet (z.B. `%`, `$`, `\`)</li>
|
||
<li>Character Escaping: Tricks, um diese Sonderzeichen in ihrer eigentlichen Funktion im Fließtext zu benutzen</li>
|
||
<li>Oft reicht es, einen Backslash vorne anzuhängen:</li>
|
||
</ul>
|
||
<pre class="lang-tex hljs"><code>\%
|
||
\$
|
||
\&
|
||
\{ \}</code></pre>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Sonderzeichen & Symbole</h2>
|
||
<h3>Escape Sequences 🏃</h3>
|
||
<p>Bei anderen Sonderzeichen gibt es eigene Befehle:</p>
|
||
<pre class="lang-tex hljs"><code>\textbackslash % Backslash
|
||
\textasciitilde % Tilde
|
||
\copyright % Copyrightzeichen</code></pre>
|
||
</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>Anführungszeichen</h3>
|
||
<ul>
|
||
<li>Englisch: ` ``quote'' ` <br>→ “quote”</li>
|
||
<li>Deutsch: `"` in Kombination mit dem ngerman-Paket als Umlautakzent definiert: `"Anführungszeichen"` <br>→ Änführungszeichen"</li>
|
||
<li>Ersatz: german left/right quotes</li>
|
||
<li>`\glq einfache Anführungszeichen\grq` <br>→ ‚einfache …‘</li>
|
||
<li>`\glqq doppelte Anführungszeichen\grqq` <br>→ „doppelte …“</li>
|
||
<li>französische Anführungszeichen: french left/right quotes</li>
|
||
<li>`\flqq Guillements\frqq` <br>→ »Guillemets«</li>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2>Sonderzeichen & Symbole</h2>
|
||
<h3>Die Sache mit den Strichen …</h3>
|
||
<ul>
|
||
<li>Bindestrich -</li>
|
||
</ul>
|
||
<pre class="lang-tex hljs"><code>Textsatz-System % in zusammengesetzen Wörter
|
||
Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
|
||
<ul>
|
||
<li>Gedankenstrich –</li>
|
||
</ul>
|
||
<pre class="lang-tex hljs"><code>LaTeX ist -- wie Typograf*innen bestätigen können -- ein exzellentes Textsatzsystem. % für Einschübe
|
||
Mit LaTeX kann man sogar Gedichte und Kochrezepte setzen -- der Fantasie sind keine Grenzen gesetzt. % dort, wo in der gesprochenen Sprache eine Pause gemacht wird</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! ⛑️</h3>
|
||
<ul>
|
||
<li>Symbol malen und erkennen lassen: http://detexify.kirelabs.org/classify.html</li>
|
||
<li>Ausführliche Liste an verwendbaren Symbolen: http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|