Web Design Made Simple Web Design Made Simple

debbie T Designs - Web Design Made Simple

Text Quote Tags

Introducing the blockquote Tag

The blockquote tag is useful to display long quotations from other sources.

Facts on the <blockquote> tag

  • Begin with the <blockquote> and always include the closing </blockquote> tag.
  • By default, most browsers will display blockquoted text with a slight indentation on both the right and left margins.
  • The blockquote tag is a block level element, but it is recommended that contained text should not be placed directly in the <blockquote>. Text should be nested inside another block level tag, such as <p>. If you plan on using a strict doctype, then you must always follow this rule.
  • Optionally, you can utilize the cite attribute to note the source of the quotation. The cite value is the URL address of the online web page where the quote was found.
  • Do not use the <blockquote> tag to visually display random text. CSS should be used to control margins and padding.

<blockquote cite="http://www.quotationspage.com/quote/33646.html">
<p>Kind words can be short and easy to speak, but their echoes are truly endless.</p>
</blockquote>

Introducing the q Tag

The <q> tag is similiar to the blockquote tag, but it is an inline tag, used for shorter quotes. Most modern standards-compliant browsers will automatically display text enclosed in quotation marks.

<p>Mother Teresa was very wise when she said,
<q cite="http://www.quotationspage.com/quote/33646.html">Kind words can be short and easy to speak, but their echoes are truly endless.</q></p>

Introducing the cite Tag

Similar to the cite attribute, the <cite> tag is used to note a reference such as a book title, short quotations, or an author. It is an inline tag and in most browsers it will display the enclosed text as italic.

<blockquote cite="http://www.quotationspage.com/quote/33646.html">
<p>Kind words can be short and easy to speak, but their echoes are truly endless.
<br />
<cite>Mother Teresa</cite></p>
</blockquote>

View my quotes.html file for <blockquote>, <q>, and <cite> examples.

What do you want to learn next? « The div TagSpecial Characters »

comments are closed