Il testo nelle pagine HTML
Ecco i tag più usati per scrivere il testo in HTML.
Questi tag modificano il testo strutturalmente e semanticamente.
Titoli
Abbiamo i titoli, 6 livelli di titolo (heading):
<h1>Questo è il titolo principale</h1>
<h2>Questo è il secondo livello di titolo</h2>
<h3>Questo è il terzo livello di titolo</h3>
<h4>Questo è il quarto livello di titolo</h4>
<h5>Questo è il quinto livello di titolo</h5>
<h6>Questo è il sesto livello di titolo</h6>
e appaiono così:
Questo è il titolo principale
Questo è il secondo livello di titolo
Questo è il terzo livello di titolo
Questo è il quarto livello di titolo
Questo è il quinto livello di titolo
Questo è il sesto livello di titolo
vengono utilizzati per titoli e sottotitoli.
Paragrafo
Il paragrafo (paragraph), praticamente è questo: inizia con il tag <p> e finisce con </p>. La chiusura del paragrafo crea una nuova riga.
Il grassetto (bold) e il corsivo (italic) usano rispettivamente il tag
<b>grassetto</b>
=> grassetto
<i>corsivo</i>
=> corsivo
Simile effetto con <strong> ed <em> (sempre con il rispettivo tag di chiusura): strong e enfatizzato.
Apice e pedice
Apice <sup> e pedice <sub> (brividi …): E=MC2 e CO2 nel codice
<sup>2</sup>
<sub>2</sub>
A capo e riga divisoria
Poi abbiamo gli a capo e le linee orizzontali con <br /> o <br> e <hr /> o <hr>.
Ecco qui un br che manda a capo questa linea dopo la virgola,
mentre alla fine della riga mettiamo una linea.
Quotazioni e citazioni
Quotazioni, ci sono tre tag: <blockquote>, <q> e <cite>
<blockquote cite="https://it.wikipedia.org/wiki/Mondo_Disco">Le storie del <i>Mondo Disco</i> sono ambientate un <i>mondo immaginario</i> a forma di disco, sorretto da quattro elefanti che poggiano su una gigantesca tartaruga di nome A'Tuin che vaga nello spazio.</blockquote>
Le storie del Mondo Disco sono ambientate un mondo immaginario a forma di disco, sorretto da quattro elefanti che poggiano su una gigantesca tartaruga di nome A’Tuin che vaga nello spazio.
Blockquote ha l’attributo “cite” dove inserire, eventualmente, la fonte da cui è stato tratto la citazione (in questo caso: cite=”https://it.wikipedia.org/wiki/Mondo_Disco”).
Questa, invece, è una citazione may the force be with you
utilizzando <q>:
<q>may the force be with you</q>
Cite è utilizzato per citare una fonte come un libro, un film, una ricerca o altro.
<cite>Il colore della magia</cite>
Il colore della magia è il primo libro di Terry Pratchett della serie del Mondo Disco.
Definizioni, abbreviazioni
Definizioni <dfn> è usato per creare definizioni e nuove terminologie
<dfn title="HyperText Markup Language">HTML</dfn>
HTML è il linguaggio di markup per creare pagine web.
Abbreviazioni utilizza il tag <abbr>
<dfn><abbr title="National Aeronautics and Space Administration">NASA</abbr></dfn>
NASA è Ente Nazionale per le attività Spaziali e Aeronautiche.
Address
Il tag address può essere utilizzato per specificare i dettagli dell’autore come nell’esempio:
<address>
Scritto da <a href="[email protected]">Filippo Taiuti</a>.<br>
Mi trovi su:<br>
filippotaiuti.altervista.org<br>
Firenze<br>
Italia
</address>
Mi trovi su:
filippotaiuti.altervista.org
Firenze
Italia
Cambiamenti nel testo
I tag <ins>, <del> e <s> mostrano i cambiamenti effettuati nel tempo quando non vogliamo cancellarli
<ins>persa</ins>
<del>vinta</del>
Partita vinta persa a tavolino dalla squadra A per 2-1 black-out.
<s> sbarra quello racchiuso tra tag:
<s>era € 520</s>
Nuovo computer era €520, ora a €430
Nota:
Una nota sullo spazio nel codice.
Il browser interpreta gli “extra spazi” come un solo carattere di spazio, quindi i due paragrafi seguenti daranno lo stesso risultato:
<p>questo paragrafo è
scritto su una sola linea</p>
<p>questo paragrafo è scritto su una sola linea</p>
Commenti
Ultimo ma non meno importante: come inserire i commenti in un file HTML.
Esiste solamente un modo per commentare una i più righe di testo ed è quella di racchiudere il codice tra i segni “<!–” e “–>“.
<!– Questo è un commento,
può contenere più righe purché
racchiuse tra i due segni di commento –>