Formattazione inline — colori, evidenziatore, dimensione del testo
Questi tag mathpad nel flusso di un paragrafo danno stile a una parola o a un'espressione — colore del testo, evidenziatore, sottolineatura, spaziature precise, dimensione locale. Per i blocchi con stile (definizione, teorema, riquadro colorato), consulta le pagine seguenti.
<mp-color> — colore del testo
Colora un frammento di testo con qualsiasi colore CSS. Utile per un termine da memorizzare o un'istruzione da mettere in evidenza.
| Attributo | Valori | Descrizione |
|---|---|---|
| value | Qualsiasi colore CSS | es. red, #dc2626, rgb(220,38,38), hsl(0,80%,50%) |
Il discriminante <mp-color value="#dc2626">deve essere positivo</mp-color> per due radici reali.
Il discriminante
<mp-highlight> — evidenziatore
Aggiunge uno sfondo colorato (effetto pennarello) dietro una parola. Ideale per una parola chiave da imparare o una regola da ricordare.
| Attributo | Valori | Descrizione |
|---|---|---|
| value | Colore CSS (preferibilmente chiaro) | es. #fef3c7 (giallo), #d1fae5 (verde), #fce7f3 (rosa) |
Un <mp-highlight value="#fef3c7">numero primo</mp-highlight> è divisibile solo per 1 e per se stesso.
Un
<mp-underline> — sottolineatura sicura
Sottolinea con il colore d'accento del tema — 2 px di spessore, 3 px di scostamento per una lettura confortevole. Evita il tag HTML <u> che si confonde con un collegamento ipertestuale.
Supponiamo quindi <mp-underline>x positivo</mp-underline>.
Supponiamo quindi
<mp-center> — blocco centrato
Centra orizzontalmente il suo contenuto — una formula isolata, una figura, una frase chiave.
<mp-center>
<strong>Ricorda questa formula!</strong>
</mp-center>
<mp-spacer> — spazio insecabile inline
Inserisce uno spazio orizzontale calibrato — utile per allineare risposte o lasciare uno spazio vuoto da completare.
| Attributo | Valori | Descrizione |
|---|---|---|
| n | Intero (predefinito 1) | Numero di spazi da inserire |
Risposta:<mp-spacer n="5"></mp-spacer>$x = 3$
Dimensione del testo
mathpad non ha un tag dedicato — si usa direttamente <span style="font-size:Nem">, il che ha il vantaggio di essere molto esplicito (l'utente può modificare la dimensione facilmente).
Nell'editor online: Formato → Dimensione propone 5 livelli precalibrati:
- Molto piccolo —
font-size: 0.5em - Piccolo —
font-size: 0.75em - Grande —
font-size: 1.3em - Molto grande —
font-size: 1.8em - Enorme —
font-size: 3em
<span style="font-size:1.3em">Importante:</span> verifica il segno prima di calcolare.
Importante: verifica il segno prima di calcolare.
Combinare i tag
Questi tag si possono annidare — per esempio un'evidenziazione dentro un colore dentro una dimensione grande:
<span style="font-size:1.3em">
<mp-highlight value="#fef3c7">
<mp-color value="#92400e">Regola d'oro:</mp-color>
</mp-highlight> ragiona sempre in entrambe le direzioni.
</span>
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.