Sarmate.net Sarmate.net
Home Funzioni Prezzi Documentazione Contatto
Accedi Si registri
Web scientifico 6 min

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.

AttributoValoriDescrizione
valueQualsiasi colore CSSes. red, #dc2626, rgb(220,38,38), hsl(0,80%,50%)
HTML
Il discriminante <mp-color value="#dc2626">deve essere positivo</mp-color> per due radici reali.
Risultato
Il discriminante deve essere positivo per due radici reali.
Pulsante dell'editor Nell'editor online: Formato → Colori propone 7 colori predefiniti + un pulsante « Personalizzato… » che apre una tavolozza di colori completa con la cronologia degli ultimi colori utilizzati.

<mp-highlight> — evidenziatore

Aggiunge uno sfondo colorato (effetto pennarello) dietro una parola. Ideale per una parola chiave da imparare o una regola da ricordare.

AttributoValoriDescrizione
valueColore CSS (preferibilmente chiaro)es. #fef3c7 (giallo), #d1fae5 (verde), #fce7f3 (rosa)
HTML
Un <mp-highlight value="#fef3c7">numero primo</mp-highlight> è divisibile solo per 1 e per se stesso.
Risultato
Un numero primo è divisibile solo per 1 e per se stesso.

<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.

HTML
Supponiamo quindi <mp-underline>x positivo</mp-underline>.
Risultato
Supponiamo quindi x positivo.

<mp-center> — blocco centrato

Centra orizzontalmente il suo contenuto — una formula isolata, una figura, una frase chiave.

HTML
<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.

AttributoValoriDescrizione
nIntero (predefinito 1)Numero di spazi da inserire
HTML
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:

HTML
<span style="font-size:1.3em">Importante:</span> verifica il segno prima di calcolare.
Risultato
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:

HTML
<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>
Risultato
Regola d'oro: ragiona sempre in entrambe le direzioni.

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.