Quoting Text Using The blockquote Tag

<blockquote> Blockquote Tag
You may wish to use a quote from another source on your web page. For example, you might quote from a book, newspaper, an article from another website or from an email you’ve received. It is useful to have a standard tag in which to put quotes. When we get to styling our page, we can then make those quotes display in a particular way. The default display for a blockquote element is for the browser to indent the contents on both the left and right sides.

For example:
<h1>Some Quotes</h1>
<h2>The Hitchhikers Guide To The Galaxy – Douglas Adams</h2>
<blockquote>
<p>
<strong>Arthur:</strong> You know, it’s at times like this, when I’m trapped in a Vogon airlock with a man from Betelguese, and about to die of asphyxiation in deep space that I really wish I’d listened to what my mother told me when I was young.
</p>
<p>
<strong>Ford:</strong> Why, what did she tell you?
</p>
<p>
<strong>Arthur:</strong> I don’t know, I didn’t listen.
</p>
</blockquote>

This would display like this:

Some Quotes

The Hitchhikers Guide To The Galaxy – Douglas Adams

Arthur: You know, it’s at times like this, when I’m trapped in a Vogon airlock with a man from Betelguese, and about to die of asphyxiation in deep space that I really wish I’d listened to what my mother told me when I was young.

Ford: Why, what did she tell you?

Arthur: I don’t know, I didn’t listen.


Citing Your Sources

If the source of the quote is a web address, you can use the cite attribute of the blockquote tag to specify this source:

<blockquote cite=”http://www.hitchhikersguide.com”>
</blockquote>

blockquote is a block-level element. That means that all of its contents are contained within a block on the page that is separated from the preceding or following blocks, such as a p paragraph or h1 heading. To put a quote inline (i.e. inside another block), such as a p paragraph element, you can use the <q> tag. You can also cite the source of the quote inline using the <cite> tag:
<p>
Then <cite>Arthur</cite> said, <q>I don’t know, I didn’t listen</q>.
</p>