Testo con html:
<p>
Il testo in un foglio html può essere inserito in due modi. Uno è quello classico, ossia scrivere semplicemente del testo nell'editor, l'altro è quello di racchiuderlo fra i tag <p> e </p>.Utilizzando i tag <p> otteniamo il grande vantaggio di poter gestire il testo che contiene con gli style (classi esterne comprese), oppure con l'inserimento di attributi specifici come ad esempio l'allineamento rispetto al foglio:
<p align="----"> dove ---- può essere center, left, right o justify.
<br>
Un problema che si presenta appena iniziamo ascrivere del testo con html è capire come possiamo andare a capo. Infatti non basta premere invio, dobbiamo necessariamente scrivere il tag <br>. Ogni volta che il browser troverà nel testo il tag <br> andrà a capo.<b>
Tutto il testo scritto con html racchiuso fra i tag <b> e </b> viene scritto in grassetto (uguale a STRONG).<strong>
Tutto il testo scritto con html racchiuso fra i tag <strong> e </strong> viene scritto in grassetto (uguale a B).<u>
Tutto il testo scritto con html racchiuso fra i tag <u> e </u> viene scritto sottolineato.<i>
Tutto il testo scritto con html racchiuso fra i tag <i> e </i> viene scritto in italico.<s> oppure <strike>
Tutto il testo racchiuso fra i tag <s> e </s> viene scritto tagliato da una barra orizzontale.Esempio:
CIAO A TUTTI!!!
Per ottenere lo stesso effetto con i css è sufficente scrivere:
<spas style="text-decoration:line-through;">
CIAO A TUTTI!!!
<span>
<tt>
Tutto il testo scritto con html racchiuso fra i tag <tt> e </tt> viene scritto con spaziatura fissa, ossia ogni lettera ha lo stesso spazio delle altre, non importa se sia la 'i' o la 'o'...Esempio:
| con <tt> | normale |
| iiiiiiiiiiiiii | iiiiiiiiiiiiii |
| oooooooooooooo | oooooooooooooo |
<big>
Tutto il testo scritto con html racchiuso fra i tag <big> e </big> assume una grandezza superiore rispetto a quella solitamente usata.Esempio:
ciao ciao ciao
<small>
Tutto il testo scritto con html racchiuso fra i tag <small> e </small> assume una grandezza minore rispetto a quella solitamente usata.Esempio:
ciao ciao ciao
<sub>
Tutto il testo scritto con html racchiuso fra i tag <sub> e </sub> viene inserito leggermente più in basso rispetto al testo normale.Esempio:
H2O diventa H2O
<sup>
Tutto il testo scritto con html racchiuso fra i tag <sup> e </sup> viene inserito leggermente più in alto rispetto al testo normale.Esempio:
3x3=9 diventa 32=9
CARATTERI SPECIALI:
Molti caratteri vengono comunemente utilizzati per programmare con il linguaggio html tanto da non permettere che vengano utilizzati per comporre del testo.Un esempio pratico è lo spazio, infatti se provate ad inserire più spazi fra due parole quando andrete a vedere l'affetto pratico ne troverete soltanto uno.
Di seguito riportiamo la lista delle parole che non possiamo inserire con il relativo codice per farle apparire. Basterà inserire il codice nel punto dove vogliamo la lettera o il simbolo per ottenerlo in pratica.
spazio =
à = à
è = è
ì = ì
ò = ò
ù = ù
" = "
& = &
< = <
> = >
€ = €
© = ©
® = ®
£ = £
¼ = ¼
½ = ½
¾ = ¾
¹ = ¹
º = º
Clicca per vedere la lista completa dei Caratteri speciali
TITOLI:
Ci sono sei tipi di titoli predefiniti. Ogni volta che ne richiamiamo uno in automatico viene creata una riga vuota finito il testo, come l'inserimento del tag <br>I tag per utilizzarli sono i seguenti:
N.B. Non fatevi ingannare dalle misure, dal colore o dall'eventuale posizione, gli esempi sotto sono modificati dai fogli di style del nostro sito.
<h1>primo</h1>
primo
<h2>secondo</h2>
secondo
<h3>terzo</h3>
terzo
<h4>quarto</h4>
quarto
<h5>quinto</h5>
quinto
<h6>sesto</h6>