tag code e pre

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

Tag pre

Tag pre

Il tag code è un elemento inline, che può essere utilizzato da un altro blocco quale il tag p.

Esempio:

<p>Definiamo il <code>codice</code> in questo modo</p>

si vede:

Definiamo il codice in questo modo

Con il browser la parola "codice" viene rappresentata con una scrittura corsiva.

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" e "&gt".

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

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. Anche in questo caso bisogna convertire i simboli "<" e ">" come spiegato sopra se si vengono a trovare all’interno del codice.

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

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

Articoli correlati:

  1. Le proporzioni scalabili di font e pixel

Comments are closed.