Sarmate.net Sarmate.net
Startseite Funktionen Preise Dokumentation Kontakt
Anmelden Registrieren
Wissenschaftliches Web 6 Min.

Inline-Formatierung — Farben, Hervorhebung, Textgröße

Diese mathpad-Tags im Fluss eines Absatzes stilisieren ein Wort oder einen Ausdruck — Textfarbe, Hervorhebung, Unterstreichung, präzise Abstände, lokale Größe. Für gestylte Blöcke (Definition, Satz, farbiger Rahmen) siehe die folgenden Seiten.

<mp-color> — Textfarbe

Färbt einen Textabschnitt mit einer beliebigen CSS-Farbe. Praktisch für ein zu betonendes Stichwort oder eine zu hervorhebende Anweisung.

AttributWerteBeschreibung
valueBeliebige CSS-Farbez.B. red, #dc2626, rgb(220,38,38), hsl(0,80%,50%)
HTML
Die Diskriminante <mp-color value="#dc2626">muss positiv sein</mp-color> für zwei reelle Wurzeln.
Ergebnis
Die Diskriminante muss positiv sein für zwei reelle Wurzeln.
Editor-Schaltfläche Im Online-Editor: Format → Farben bietet 7 voreingestellte Farben + eine Schaltfläche «Eigene…» die eine vollständige Farbpalette mit Verlauf der letzten verwendeten Farben öffnet.

<mp-highlight> — Hervorhebung

Fügt einen farbigen Hintergrund (Filzstift-Effekt) hinter einem Wort hinzu. Ideal für ein zu lernendes Schlüsselwort oder eine zu beachtende Regel.

AttributWerteBeschreibung
valueCSS-Farbe (eher hell)z.B. #fef3c7 (Gelb), #d1fae5 (Grün), #fce7f3 (Rosa)
HTML
Eine <mp-highlight value="#fef3c7">Primzahl</mp-highlight> ist nur durch 1 und sich selbst teilbar.
Ergebnis
Eine Primzahl ist nur durch 1 und sich selbst teilbar.

<mp-underline> — sicheres Unterstreichen

Unterstreicht in der Akzentfarbe des Themas — 2 px dick, mit 3 px Abstand für eine leserliche Anzeige. Wir vermeiden das HTML-Tag <u>, das mit einem Hyperlink verwechselt wird.

HTML
Wir nehmen also <mp-underline>positives x</mp-underline> an.
Ergebnis
Wir nehmen also positives x an.

<mp-center> — zentrierter Block

Zentriert horizontal seinen Inhalt — eine isolierte Formel, eine Abbildung, einen Schlüsselsatz.

HTML
<mp-center>
  <strong>Sich diese Formel merken!</strong>
</mp-center>

<mp-spacer> — Inline-Abstand

Fügt einen kalibrierten horizontalen Abstand ein — praktisch, um Antworten auszurichten oder Platz für ein zu vervollständigendes Wort zu lassen.

AttributWerteBeschreibung
nGanze Zahl (Standard 1)Anzahl der einzufügenden Leerzeichen
HTML
Antwort:<mp-spacer n="5"></mp-spacer>$x = 3$

Textgröße

mathpad hat dafür kein eigenes Tag — wir verwenden direkt <span style="font-size:Nem">, was den Vorteil hat, sehr ausdrucksstark zu sein (der Benutzer kann die Größe leicht ändern).

Im Online-Editor: Format → Größe bietet 5 vorgegebene Stufen:

HTML
<span style="font-size:1.3em">Wichtig:</span> Vorzeichen vor Berechnung prüfen.
Ergebnis
Wichtig : Vorzeichen vor Berechnung prüfen.

Tags kombinieren

Diese Tags können verschachtelt werden — z.B. eine Hervorhebung in einer Farbe in einer großen Größe:

HTML
<span style="font-size:1.3em">
  <mp-highlight value="#fef3c7">
    <mp-color value="#92400e">Goldene Regel:</mp-color>
  </mp-highlight> Argumentation immer in zwei Richtungen.
</span>
Ergebnis
Goldene Regel: Argumentation immer in zwei Richtungen.

Bereit, mathpad auszuprobieren?

Erstellen Sie Ihr erstes wissenschaftliches HTML-Dokument im Online-Editor, oder importieren Sie Ihren bestehenden LaTeX-Kurs in einem Klick.