13. You Can Blockquote Me on That!

In traditional writing, quotations of three or more sentences are set off from the main text as an indented block of text. HTML also includes this capability via the <blockquote>....</blockquote> tag. This site has had these tags used in many places through it and now you are about to learn how it's done:

 <blockquote>
  "This is a long quotation from a very famous person.
  Since it is so long and interesting, it should really
  be set off from the rest of the text. It then indicates 
  clearly that the "quote" is from someone other than myself."
 </blockquote>

Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah "This is a long quotation from some famous person. Since it is so long and interesting, it should really be set off from the rest of the text. It then indicates clearly that the "quote" is from someone other than me." Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah

Remember, we can also apply any and all HTML we have learned so far inside of the <blockquote> tags, such as this example:

<blockquote>
<h2>A Manifesto</h2>
This is a <b>long</b> quotation from
some famous person. 
Since it is so long and interesting, it should really be
<pre>     set off</pre>
from the rest of the text.
<p>
<i>This indicates</i>:
<ul>
<li>clearly that </li>
<li>the quote is from </li>
<li>someone other than the writer.</li>
</ul>
</blockquote>

A Manifesto This is a long quotation from some famous person. Since it is so long and interesting, it should really be set off from the rest of the text. This indicates: clearly that the quote is from someone other than the writer.

Let's add a blockquote to our web page.

1. Open the HTML file, index.htm in your text editor.
2. Under the <h2>Venus</h2> heading, add the following:

   
   <blockquote>
     <b><i>
     "Nature raves savagely, threatening the lands"
     </i></b><br />
      -- <a href="http://www.#.com/">
     Professor Alcot</a>, who died of asphyxiation after 
     observing the destruction of most of Venus by the
     2001 eruption of Mt Wannahockaloogie.
   </blockquote>
   			  

   See how we just used a combination of the bold and italic style tags (see Lesson 5) to highlight the quote. The citation is forced to a new line with the <br /> tag (see Lesson 4). We have also hyper linked "Professor Alcot" to another web site that contains more information about Alcot and his observations of Mt. Wannahockaloogie
   
   See also how the <blockquote> tag forces a paragraph break above and below the block of text.
   
   And finally, all these NOTES (like this one) we have used through the site have made use of the <blockquote> tag!

3. Save and Reload the HTML file.

CHECK YOUR WORK. Compare your web page with an EXAMPLE of how this document should appear. If your document was different from the sample, review the text you entered in the text editor.

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.

Top of page | Previous Lesson| Lessons Index | Next Lesson