Blocchi di presentazione — cornici e figure
Due strumenti principali per strutturare il suo corso senza abusare della gerarchia capitoli/sezioni: il riquadro generico <mp-box> (4 varianti) e il blocco <mp-figure> per le figure numerate con didascalie.
<mp-box> — cornice generica
Equivalente a tcolorbox in LaTeX. Quattro varianti visive sono disponibili tramite l'attributo style. Un <mp-title> opzionale come primo figlio diventa un banner colorato in alto.
| Variante | Uso |
|---|---|
| accent | Messa in evidenza nel colore d'accento (predefinito). Adatto a un'affermazione centrale, a un riquadro «da ricordare». |
| grey | Sfondo neutro discreto. Per una nota contestuale. |
| info | Bordo sinistro nel colore d'accento. Stile citazione a blocco, pulito e discreto. |
| subtle | Bordo tratteggiato. Molto leggero — adatto a un'osservazione a margine o a un breve aneddoto. |
Variante accent (predefinito)
<mp-box style="accent">
<mp-title>Da ricordare</mp-title>
La derivata misura il tasso di variazione di una funzione.</mp-box>Variante info
<mp-box style="info">
<mp-title>Suggerimento</mp-title>
Usa $\dfrac$ nelle formule in linea per una migliore leggibilità.</mp-box>Varianti grey e subtle
<mp-box style="grey">
Questa definizione risale al XVII secolo (Newton, Leibniz).</mp-box>
<mp-box style="subtle">
Aneddoto: Newton sviluppò il suo calcolo durante la peste del 1665, in isolamento.</mp-box>style entra in conflitto con il CSS inline, usa invece style-name="info" o data-style="info". Le tre forme sono equivalenti. <mp-figure> + <mp-caption> — figure
Una figura raggruppa un'immagine (o un SVG, una JSXGraph-box…) con una didascalia opzionale. Se è presente un <mp-caption>, mathpad inserisce automaticamente « Figura N — » davanti alla didascalia e la include nell'elenco delle figure.
<mp-figure id="fig-parabola">
<img src="parabole.png" alt="Parabola">
<mp-caption>Rappresentazione di $f(x) = x^2$.</mp-caption>
</mp-figure>cours_tikz_001.png). Non deve fare altro. | Attributo | Valori | Descrizione |
|---|---|---|
| id | libero | Àncora HTML — necessaria per referenziare la figura più avanti tramite <mp-ref target="..."> |
| numbering | none | Disattiva la numerazione automatica e l'inclusione nell'elenco delle figure |
Fare riferimento a una figura
Una volta che la figura ha un id, usa <mp-ref target="..."> per rimandare a essa:
Osserviamo in <mp-ref target="fig-parabola"></mp-ref> una curva convessa…Tag correlati (promemoria)
Altri tre tag contribuiscono alla presentazione visiva ma sono documentati altrove:
<mp-center>— Horizontally-centered block. See Inline formatting.<mp-warning>— Warning block (red, ⚠ icon). See Formal blocks.<mp-spacer>— Inline horizontal spacer. See Inline formatting.
Pronto a provare mathpad?
Crei il suo primo documento scientifico in HTML nell'editor online, o importi il suo corso LaTeX esistente con un solo clic.