Webpage Workshop: Home » HTML » Making a quote

Making a quote

There are two different ways of quoting text within your document. One way is for quoting blocks of text and the other is for smaller, inline quotes.

The blockquote element is, as the name suggests, for marking up blocks of text as a quote. They should be used for longer quotes, in general made up of three or more lines. The example below illustrates how the blockquote element is used:

<blockquote cite="url"><p>To be, or not to be:
that is the question: Whether 'tis nobler in the mind to suffer
the slings and arrows of outrageous fortune, or to take arms
against a sea of troubles, and by opposing end them? To die:
to sleep; no more; and by a sleep to say we end the heart-ache
and the thousand natural shocks that flesh is heir to, 'tis a 
consummation devoutly to be wish'd.</p></blockquote>

In the above example, the cite attribute is the URL of where the quote is from. It is not a required attribute, but is useful if the source you are quoting is also online. Notice how the quote is also enclosed within paragraph tags. This is because the blockquote is a block level element and may also contain more than one paragraph of quoted material.

The other type of quote is made using the quote element. This is generally used in cases where the text is under three lines long. The example below shows how this is used:

<q cite="url">In the beginning God created the Heavens
and the Earth.</q>

In the example shown above, no paragraph elements are used as this type of quote can only contain one line, and thus one paragraph, of text. The cite attribute is also an optional attribute here and is used in the same way as in blockquote elements.

In the next tutorial we shall discuss the use of superscript and subscript text and how it is a useful way of marking up text.

<< Previous page | Next page >>