Basic HTML Elements

This chapter is from the book

HTML and CSS: Visual QuickStart Guide, 9th Edition

Learn More Buy

This chapter is from the book

This chapter is from the book 

HTML and CSS: Visual QuickStart Guide, 9th Edition

Learn More Buy

Quoting a Block of Text

Traditionally, in printed material, quotations of substantial amounts of text are set apart from the surrounding content by indentations or changing the type style. HTML includes the block-level element <blockquote> (which conveniently contains “block” in its name) to accomplish the same thing in the browser. By default, <blockquote> elements are indented compared to other block elements, but you can use CSS to change the indentation.

To provide a source for the quotation, include the cite attribute with the URL of the source as its value. You can also use the <cite> element to give the title of the source in text (CODE 4.1, FIGURE 4.4). It’s normally styled in italics by the browser, but you can change that with CSS. If you wish to provide a link to the source as well, combine the <cite> element with an <a> element.

<p><cite>The Importance of Being Earnest
→</cite> is only one of many sources of
→witty sayings by Oscar Wilde. To take
→one example:</p>

<blockquote cite="https://en.wikiquote.org
→/wiki/Oscar_Wilde">
<p>I never travel without my diary. One
→should always have something sensational
→to read in the train.</p>
</blockquote>

FIGURE 4.4 Code 4.1 as rendered in a browser

To quote a paragraph with citation:

1. Type <blockquote>.

2. Type <p>.

3. Type the quote.

4. Type </p>.

5. Type <cite>.

6. Type the source of the quote.

7. Type </cite>.

8. Type </blockquote>.