Let's add a blockquote to the introduction of our Volcano web page. We will use blockquote from the Roman naturalist, Pliny, who witnessed the eruption of the volcano Vesuvius in 79 A.D.

1.        Open the HTML file, index.html in your text editor.

2.        Under the <h1>Volcano Web</h1> heading, add the following:

  <BLOCKQUOTE>

  <b><I>

  "Nature raves savagely, threatening the lands"

  </I></b><br>

   -- <a href="http://www.livius.org/pi-pm/pliny/pliny_e.html">

  Pliny the Elder</a>, who died of asphyxiation after 

  observing the destruction of Pompeii by the

  79 A.D. eruption of Mount Vesuvius.

  </bLOCKQUOTE>

NOTE: See how we have used a combination of the bold and italic style tags to highlight the quote. The citation is forced to a new line with the <br> tag. We have also hyper linked "Pliny the Elder" to another web site that contains more information about Pliny and his life.

See also how the <blockquote> tag forces a paragraph break above and below the block of text.

And finally, these NOTES (like this one) we have used through the tutorial have made use of the <blockquote> tag!

3.        Save and Reload the HTML file.

Performance

A.   Independent Practice

Experiment with the <blockquote> tag in your own web page. Do not just think in terms of using it only for quotations. The tag can be effective for adding some variety to your web page layout. The <blockquote> tag is one way to avoid having many pages full worth of plain text paragraphs.

Some developers will use two or three (or more) nested <blockquote> tags to create an effect of wider margins. For example,

<BLOCKQUOTE>

  <BLOCKQUOTE>

    <BLOCKQUOTE>"Oh, for more tags," he lamented.

      <p>Replied she, "Remember, dear, that while HTML may

      be limited in terms of control

      over page layout, there is a great

      deal of potential in the creative use

      of the number of tags."

    </bLOCKQUOTE>

  </bLOCKQUOTE>

</bLOCKQUOTE>

ASSIGNMENT

Study in advance how to split pages.