Writing HTML | Riguardo A | FAQ | Riferimenti | Tag | Lezioni | indietro | avanti |

13. Puoi Citare Le Mie Parole!

"Cosa cavolo succede qua? chiese il tag <blockquote> ai tag <p> e <br>. Essi risposero: "Non ne siamo sicuri, ma tu sei molto diverso da noi!"

Obiettivi

• Inserire un blocco di testo che sia indentato rispetto al corpo del testo
• Applicare tag di stile all'interno del testo quotato

Lezione

Nella scrittura tradizionale, citazioni di tre o piu' frasi erano contrapposte rispetto al testo principale come un blocco di testo indentato. Anche l'HTML include questa possibilita' attraverso il tag <blockquote>....</blockquote>:

<blockquote>
"Questa e' una lunga quotazione delle parole di una persona famosa.
Dato che e' cosi' lunga ed interessante, e' stata spostata rispetto al resto del testo.
Questo indica chiaramente che la quotazione e' opera di qualcun altro diverso dall'autore."
</blockquote>

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah "Questa e' una lunga quotazione delle parole di una persona famosa. Dato che e' cosi' lunga e interessante, e' stata spostata rispetto al resto del testo. Questo indica chiaramente che la quotazione e' opera di qualcun altro diverso dall'autore." blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

Nota che si puo' applicare qualsiasi tipo di codice HTML che abbiamo studiato fino a questo punto anche dentro il tag <blockquote>, come nell'esempio:

<blockquote>
<H2>Un Manifesto</H2>
Questa e' una <B>lunga</B> quotazione delle parole 
<A HREF="http://www.mcli.dist.maricopa.edu/alan/">
di una persona famosa</A>. 
Dato che e' cosi' lunga e interessante, e' stata
<pre>     spostata</pre>
rispetto al resto del testo.
<p>
<I>Questo indica</I>:
<ul> 
<li>chiaramente che 
<li>la quotazione e' opera di
<li>qualcun altro diverso dall'autore.
</ul>
</blockquote>

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah Un Manifesto Questa e' una lunga quotazione delle parole di una persona famosa. Dato che e' cosi' lunga e interessante, e' stata spostata rispetto al resto del testo. Questo indica: chiaramente che la quotazione e' opera di qualcun altro diverso dall'autore. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

Forza, aggiungiamo un blockquote alle istruzioni per la nostra Volcano web page. Useremo questo tag per riportare le parole di un naturalista dell'Epoca Romana, Plinio, che diede testimonianza dell'eruzione del Vesuvio del 79 A.C.

1. Apri il file index.html nel tuo text editor.
2. Sotto l'intestazione <h1>Volcano Web</h1>, aggiungere il seguente:

   
     <BLOCKQUOTE>
     <B><I>
     "La natura urla selvaggiamente, distruggendo le terre"
     </I></B><br>
      -- <A HREF="http://magic.geol.ucsb.edu/~fisher/pliny.htm">
     Plinio il Vecchio</A>, il quale mori' di asfissia dopo aver osservato la distruzione di Pompei a causa dell'eruzione
   del 79 A.C. del Vesuvio.
     </BLOCKQUOTE>
   

   NOTA: Osserva come abbiamo usato una combinazione di stile corsivo e di grassetto (vedi Lezione 5) per far risaltare la quotazione. La citazione e' forzata ad una nuova riga con il tag <br> (vedi la Lezione 4). Abbiamo anche collegato "Plinio il Vecchio" ad un altro sito web che contiene maggiori informazioni su Plinio e sulle sue osservazioni [EG].

   Osserva anche come il tag <blockquote> forzi il paragrafo a interrompersi prima e dopo del blocco di testo.

   Ed in fine, le NOTE (come questa) che abbiamo usato lungo la durata del corso sono state realizzate con il tag <blockquote>!

3. Salva ed Aggiorna il file.

Controlla il Tuo Lavoro

Verifica

1. Cosa fa il tag <blockquote>?
2. Perche' non hai bisogno di un tag <p> prima di un blockquote?

Pratica Indipendente

Alcuni sviluppatori ne useranno due o tre (o piu') annidati, per creare un effetto di margini piu' ampi. Per esempio,

<BLOCKQUOTE>
  <BLOCKQUOTE>
    <BLOCKQUOTE>"Oh, per avere piu' tag, cosa darei!" egli si lamento'.
      <p>Lei rispose, "Ricorda, caro, che mentre l'HTML puo'
      essere limitato in termini di controllo 
      dell'aspetto della pagina, c'e' un bel 
      vantaggio nel poter fare un uso creativo
      del numero di tag disponibili."
    </BLOCKQUOTE>
  </BLOCKQUOTE>
</BLOCKQUOTE>

produce:

"Oh, per avere piu' tag, cosa darei!" egli si lamento'. Lei rispose, "Ricorda, caro, che mentre l'HTML puo' essere limitato in termini di controllo dell'aspetto della pagina, c'e' un bel vantaggio nel poter fare un uso creativo del numero di tag disponibili"

"Oh, per avere piu' tag, cosa darei!" egli si lamento'. Lei rispose, "Ricorda, caro, che mentre l'HTML puo' essere limitato in termini di controllo dell'aspetto della pagina, c'e' un bel vantaggio nel poter fare un uso creativo del numero di tag disponibili."

Prossimamente....

VAI A.... | Indice Delle Lezioni | indietro: "FondoPagina con Indirizzi e Link E-Mail " | avanti: "Unire vs. Dividere" |