In questa pagina vengono mostrati gli stili di testo utilizzati più comunemente per formattare i contenuti. Questo paragrafo, per esempio, ha un carattere più grande perché è racchiuso nel tag <big>.
Questo invece è un paragrafo normale, con un esempio del tag <a>, usato per creare i collegamenti ipertestuali. Abbr. è un esempio del tag <abbr>, utilizzato per risolvere un’abbreviazione all’interno di un testo. Questo TLA è un esempio dell’applicazione del tag <acronym>. Come abbiamo già visto è possibile mettere in evidenza una porzione di testo aumentandone il corpo di carattere grazie al tag <big>. È possibile indicare una citazione in corpo di testo usando il tag <cite>. Avete notato che tutti i tag segnalati fino ad ora hanno questa formattazione? La si ottiene usando il tag <code>. Allo stesso modo è possibile simulare l'effetto tastiera usando il tag <kbd>, o emulare una telescrivente usando il tag <tt>.
Oh no! Ho scritto qualcosa di sbagliato. È meglio che lo cancelli usando il tag <del>. In alternativa posso <strike”>barrare una porzione di testo usando il tag <strike> o barrare una porzione di testo usando il tag <s>. Se voglio mettere in evidenza un concetto col corsivo posso usare il tag <em>. Se invece voglio evidenziare una porzione di testo posso usare il tag <ins>.
Se ho bisogno di visualizzare un testo con una formattazione libera, come per esempio un blocco di codice, devo chiudere il testo all’interno del tag <pre>. Il risultato è il seguente:
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
Per segnalare una citazione
userò il tag <q>: in questo modo verrà automaticamente racchiuso tra virgolette. Questa parte in grassetto (o “bold”) la ottengo usando il tag <strong>.
Devi scrivere H2O o E = MC2? Ti consigliamo di usare la formattazione pedice usando il tag <sub> e apice usando il tag <sup>. Devi segnalare una variabile? Use il tag <var>.
Gli indirizzi inseriscili usando il tag <address>: il risultato sarà il seguente:
31100 Treviso
Tel. 0422989898
Esempio di paragrafo centrato
Aenean a turpis eu augue luctus vulputate. Ut nonummy arcu in est. Nulla facilisi. Fusce at est sollicitudin pede gravida luctus. Sed ut dolor non nulla luctus aliquam. Phasellus sodales dapibus turpis. Nulla malesuada. In sed quam. Donec sollicitudin convallis nisl. Donec nunc. Suspendisse malesuada libero in nisi. Etiam vitae metus non arcu gravida tincidunt. Duis accumsan purus et orci. Curabitur volutpat. Nulla quis purus id enim dapibus malesuada. Nam egestas luctus arcu. Praesent iaculis massa.
Esempio di allineamento a destra
Aenean tempor, risus nec eleifend tristique, sem orci aliquam urna, eget iaculis tortor mauris ut lorem. Aenean eu tellus. Sed at mauris at nisl ultricies lobortis. Vivamus lacinia, lorem vel congue facilisis, leo leo sodales leo, vitae euismod velit ante a ligula. Vivamus sit amet turpis ut eros molestie porttitor. Nam erat lacus, auctor vel, dictum a, suscipit sed, orci. Quisque est lorem, facilisis consequat, sagittis a, ullamcorper at, ante. Nullam ultricies gravida dui. Nunc mauris. Quisque neque. Quisque eu sem.
Esempio di paragrafo giustificato
Vivamus volutpat, arcu sed venenatis consequat, nulla pede blandit neque, quis ultrices ligula mauris ut leo. Proin iaculis. Pellentesque vulputate magna at lectus. Etiam semper aliquet lectus. Nullam turpis. Vivamus sed lacus. Integer metus arcu, adipiscing sed, vehicula et, vulputate sit amet, massa. Sed lobortis tempus lectus. In lacus. Duis nibh. Donec molestie libero ut neque. In sollicitudin aliquam felis. Sed molestie libero ac mi. Curabitur magna nunc, feugiat sed, sodales vitae, pretium a, leo. Sed ut ante. Integer turpis ante, facilisis sed, dignissim vitae, consectetuer sed, dui. Sed ultricies.
Intestazione di primo livello (H1)
Intestazione di secondo livello (H2)
Intestazione di terzo livello (H3)
Intestazione di quarto livello (H4)
Intestazione di quinto livello (H5)
Intestazione di sesto livello (H6)
Citazioni
Il tag <blockquote> serve per inserire delle citazioni lunghe, le quali vengono formattate nel seguente modo:
Non vi maravigliate che non si sappino le cose delle età passate, non quelle che si fanno nelle provincie o luoghi lontani; perché,se considerate bene, non s’ha vera notizia delle presenti, non di quelle che giornalmente si fanno in una medesima città; e spesso tra palazzo e la piazza è una nebbia sì,folta o uno muro sì grosso che, non vi penetrando l’occhio degli uomini, tanto sa el populo di quello che fa chi governa o della ragione perché lo fa, quanto delle cose che fanno in India. E però si empie facilmente el mondo di opinione erronee e vane.
– Francesco Guicciardini
Linee divisorie
Questa è una classica linea divisoria orizzontale, e si ottiente con il tag <hr/>
Tabelle
Ecco un esempio di tabella.
| Title | Views | |
|---|---|---|
| About Test User | 1 | More |
| 260 | 1 | More |
| Archives | 1 | More |
| 235 | 1 | More |
Liste di definizione
- Titolo
- Definizione.
- Titolo
- All’interno di una definizione possono essere utilizzate buona parte delle formattazioni sopra citate, come il corsivo o il grassetto, etc.
- Titolo
- Definizione
Liste non ordinate (e annidate)
- Primo elemento
- Primo sottoelemento
- Primo sottosottoelemento
- Secondo sottosottoelemento
- Terzo sottosottoelemento
- Quarto sottosottoelemento
- Secondo sottoelemento
- Terzo sottoelemento
- Quarto sottoelemento
- Primo sottoelemento
- Secondo elemento
- Terzo elemento
- Quarto elemento
Liste ordinate
- Primo elemento
- Primo sottoelemento
- Primo sottosottoelemento
- Secondo sottosottoelemento
- Terzo sottosottoelemento
- Quarto sottosottoelemento
- Secondo sottoelemento
- Terzo sottoelemento
- Quarto sottoelemento
- Primo sottoelemento
- Secondo elemento
- Terzo elemento
- Quarto elemento