Html: blocchi di testo e di codice

---

Scrivere citazioni

Per rappresentare una citazione bisogna utilizzare il tag <cite>. Ecco un semplice esempio:

<cite>Questa è una citazione</cite>

Produce:

Questa è una citazione

Scrivere blocchi di testo separati

Per rappresentare un blocco di testo che risulti separato dal resto bisogna utilizzare il tag <blockquote>.

Ecco un semplice esempio:

<blockquote>Questo è un blocco di testo</blockquote>

Produce:

Questo è un blocco di testo

Tag <code>

Il tag code viene principalmente utilizzato quando si formattano in un determinato modo delle righe particolari come righe di codice di programma.

Per rappresentare il codice di un programma bisogna utilizzare il tag <code>.

Ecco un semplice esempio:

<code>blocco di codice informatico</code>

Si otterrà:

blocco di codice informatico

Il tag <code> è un elemento inline, che può essere annidato ad altri tag.

Con l’utilizzo del tag code bisogna fare attenzione a due cose: nel testo all’interno del tag code non si possono utilizzare i segni “<” e “>” perchè questi verrebbero interpretati dal browser come codici html. Al loro posto si utilizzano le cosiddette Named Entities:

&lt al posto di <

&gt al posto di >

Nel caso il codice sia più lungo di una riga si utilizza invece il tag <pre>

Tag <pre>

Il tag <pre> viene principalmente utilizzato quando si devono scrivere più righe di codice di programma.

Le righe all’interno dell’elemento pre vengono visualizzate dal browser così come vengono scritte, inclusi gli spazi cosiddetti White-spaces come Blanks, Tabs e nuovi paragrafi.

Quindi per esempio se scriviamo il seguente codice:

<pre>
#!/bin/bash

sudo apt-get update 
sudo apt-get clean
sudo apt-get autoclean
sudo apt-get autoremove
exit
</pre>

Produrremo:

#!/bin/bash

sudo apt-get update
sudo apt-get clean
sudo apt-get autoclean
sudo apt-get autoremove
exit

All'interno del tag <pre> possiamo annidare altri tag.

Anche in questo caso utilizzando il tag <pre> all’interno del tag non si possono utilizzare i segni “<” e “>” perchè questi verrebbero interpretati dal browser come codici html. Al loro posto si utilizzano le cosiddette Named Entities:

&lt al posto di <

&gt al posto di >

Visto che la grandezza dei caratteri è fissa, si potrebbero scrivere dei testi in forma tabellare senza utilizzare i tags della tabella.

Per esempio se scriviamo:

<pre>
Riga 1   Riga 1   Riga 1   Riga 1   Riga 1   Riga 1
Riga 2   Riga 2   Riga 2   Riga 2   Riga 2   Riga 2
Riga 3   Riga 3   Riga 3   Riga 3   Riga 3   Riga 3
</pre>

Produciamo:

Riga 1   Riga 1   Riga 1   Riga 1   Riga 1   Riga 1
Riga 2   Riga 2   Riga 2   Riga 2   Riga 2   Riga 2
Riga 3   Riga 3   Riga 3   Riga 3   Riga 3   Riga 3