Darstellungsblöcke — Rahmen und Abbildungen
Zwei Hauptwerkzeuge, um Ihren Kurs zu strukturieren, ohne die Hierarchie von Kapiteln/Abschnitten zu missbrauchen: das generische <mp-box>-Etui (4 Varianten) und der <mp-figure>-Block für nummerierte Abbildungen mit Beschriftungen.
<mp-box> — generischer Rahmen
Entspricht tcolorbox in LaTeX. Es gibt vier visuelle Varianten, die über das Attribut style ausgewählt werden. Ein optionales <mp-title> als erster Tochter wird zu einem farbigen Banner oben.
| Variante | Verwendung |
|---|---|
| accent | Hervorhebung in Akzentfarbe (Standard). Gut für eine zentrale Behauptung, einen Kasten « zu merken ». |
| grey | Sanfter neutraler Hintergrund. Diskret, für eine Kontextnotiz. |
| info | Linker Rand in Akzentfarbe. Wie ein Blockzitat, sauber und ungestört. |
| subtle | Gestrichelter Rand. Sehr leichte Markierung — gut für eine Randanmerkung oder eine kurze Anekdote. |
Variante accent (Standard)
<mp-box style="accent">
<mp-title>Zu merken</mp-title>
Die Ableitung misst die Änderungsrate einer Funktion.</mp-box>Variante info
<mp-box style="info">
<mp-title>Hinweis</mp-title>
Verwenden Sie $\dfrac$ in Inline-Formeln für eine bessere Lesbarkeit.</mp-box>Varianten grey und subtle
<mp-box style="grey">
Diese Definition stammt aus dem 17. Jahrhundert (Newton, Leibniz).</mp-box>
<mp-box style="subtle">
Anekdote: Newton hat seine Berechnungen während der Pest von 1665 in der Isolation erstellt.</mp-box>style mit Inline-CSS in Konflikt steht, verwenden Sie stattdessen style-name="info" oder data-style="info". Die drei Schreibweisen sind äquivalent. <mp-figure> + <mp-caption> — Abbildungen
Eine Figur bündelt ein Bild (oder ein SVG, eine JSXGraph-Box…) mit einer optionalen Beschriftung. Wenn eine <mp-caption> vorhanden ist, fügt mathpad automatisch « Abbildung N — » vor der Beschriftung ein und nimmt sie in das automatische Abbildungsverzeichnis auf.
<mp-figure id="fig-parabola">
<img src="parabole.png" alt="Parabel">
<mp-caption>Darstellung von $f(x) = x^2$.</mp-caption>
</mp-figure>cours_tikz_001.png). Sie haben dann nichts anderes zu tun. | Attribut | Werte | Beschreibung |
|---|---|---|
| id | beliebig | HTML-Anker — wird benötigt, um die Figur weiter unten mit <mp-ref target="..."> zu referenzieren |
| numbering | none | Deaktiviert die automatische Nummerierung und die Aufnahme in das Abbildungsverzeichnis |
Auf eine Figur verweisen
Sobald die Figur ein id hat, verwenden Sie <mp-ref target="...">, um darauf zu verweisen:
Wir beobachten in <mp-ref target="fig-parabola"></mp-ref> eine konvexe Kurve…Verwandte Tags (Erinnerung)
Drei weitere Tags helfen bei der visuellen Präsentation, sind aber an anderer Stelle dokumentiert:
<mp-center>— Block horizontal zentriert. Siehe Inline-Formatierung.<mp-warning>— Warnblock (Rot, Symbol ⚠). Siehe Formale Blöcke.<mp-spacer>— Horizontaler Inline-Abstand. Siehe Inline-Formatierung.
Bereit, mathpad auszuprobieren?
Erstellen Sie Ihr erstes wissenschaftliches HTML-Dokument im Online-Editor, oder importieren Sie Ihren bestehenden LaTeX-Kurs in einem Klick.