HTML Quotation and Citation Elements

HTML provides specific elements for marking up quotations and citations. Here are the definitions for HTML quotation and citation elements :

In HTML, you can use the <blockquote> and <q> elements to represent quotations, and the <cite> element to define the source or reference of a citation.

<blockquote> Element

The <blockquote> element is used to define a block of text that is a quotation from another source.

Example

<blockquote>
<p>This is a quoted text from another source.</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, 
 WWF works in nearly 100 countries.At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect 
 communities, wildlife, and the places in which they live.

</blockquote>

You can click on above box to edit the code and run again.

Output

For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization,
WWF works in nearly 100 countries.At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.

<q> Element

The <q> element is used for inline quotations within a paragraph. Browsers may add quotation marks around the text enclosed by the <q> tag.

Example

    
<p>she said:<q>This is an inline quotation.</q></p>

You can click on above box to edit the code and run again.

Output

she said: This is an inline quotation.

<cite> Element

The <cite> element is used to define the title of a creative work (e.g., a book, movie, or song) or the name of the person or entity that authored a creative work.

Example


        
<p>The book <cite>The Catcher in the Rye</cite> was written by J.D. Salinger.</p>

You can click on above box to edit the code and run again.

Output

The book The Catcher in the Rye was written by J.D. Salinger.

The element can be used within both the <blockquote> and <q> elements to provide the source of the quotation.

Example

             
<blockquote>
<p>This is a quoted text from another source.<cite>Author Name</cite></p>
</blockquote>

You can click on above box to edit the code and run again.

Output

This is a quoted text from another source.Author Name