Block Quotations

It's common practice to set extended quotations off from the main body of text. HTML provides an easy way to accomplish this, by means of the block quotation.

Here's an example of an extended quotation:

All visible objects, man, are but as pasteboard masks. But in each event -- in the living act, the undoubted deed -- there, some unknown but still reasoning thing puts forth the mouldings of its feature from behind the unreasoning mask. If man will strike, strike through the mask!

(Extra credit if you can identify the source!)

Here's the HTML code for the above block quotation:

<BLOCKQUOTE>
<P>
All visible objects, man, are but as pasteboard masks. 
But in each event -- in the living act, the undoubted 
deed -- there, some unknown but still reasoning thing 
puts forth the mouldings of its feature from behind 
the unreasoning mask.  If man will strike, strike 
through the mask!
</P>
</BLOCKQUOTE>

As you can see, the block quotation element is delimited by the <BLOCKQUOTE> and </BLOCKQUOTE> tags. Most browsers display the content of a block quotation as indented text with some extra space above and below the block.

Note that the <P> tag is nested within the <BLOCKQUOTE> tags. This is logical if you think about it. This is still a paragraph, after all, in addition to being a quotation. An extended quotation might consist of several paragraphs, which would all be contained with one set of <BLOCKQUOTE> tags.

Block quotations are block-level elements.


| Introduction to HTML | Tutorials |