Programmazione Web » Html » Tabulare un paragrafo mediante il tag PRE
Tabulare un paragrafo mediante il tag PRE
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 919 volte
Chiunque abbia provato almeno una volta in vita sua a creare una pagina web, avrà sicuramente notato come non è possibile tabulare un paragrafo premendo il tasto TAB della tastiera (cosa che accade con i comunissimi programmi di videoscrittura)!
La verità è che questa possibilità di tabulazione non viene concessa al tag <p>. Per poter formattare nel migliore dei modi un paragrafo è necessario ricorrere al tag <pre>. Vediamo un esempio di paragrafo creato con questo tag:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis autem veleum iriure.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis autem veleum iriure.
Come avrete potuto notare dall'esempio, siamo riusciti ad indentare il nostro testo! Per default il tag <pre> utilizza come font il Courier New ad una grandezza di 10px. Se questo carattere dovesse "stonare" con la grafica del nostro sito possiamo ricorrere ai Css definendo altri attributi per questo tag. Vediamone un esempio:
<style>
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/* altri attributi */
}
</style>
<pre> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Duis autem veleum iriure. </pre>
<pre> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Duis autem veleum iriure. </pre>
N.B.: Spesso questo tag viene usato da molti programmatori per mettere bene in evidenza la giusta logica delle istruzioni di un programma.
Ora che avete imparato, non vi resta che sbizarrirvi!
Aggiungi questo tutorial ai preferiti
