Tutorials
THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML Quotation and Citation Elements

Quotation

Given below is a quote from WWF's website:

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

Try it Yourself

HTML <q> for Short Quotations

 

The HTML <q> element is used to define a short quotation.

Browsers normally tend to insert quotation marks around the element.

Example

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
Try it Yourself

HTML <blockquote> for Quotations

 

The HTML <blockquote> element is used to define a section which is quoted from some other source.

Browsers normally indent <blockquote> elements.

Example

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
Try it Yourself

The HTML <strong> element is used to define strong text, with added semantic "strong" importance.

HTML <abbr> for Abbreviations

 

The HTML <abbr> element is used to define an abbreviation or an acronym.

Marking of abbreviations will help in giving useful information to many things like browsers, translation systems and search-engines.

Example

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
Try it Yourself

HTML <address> for Contact Information

 

The HTML <address> element is used to define contact information (author/owner) regarding a document or an article.

The <address> element will normally get displayed in italic. Most of the browsers will be adding a line break before and after the element.

Example

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
Try it Yourself

HTML <cite> for Work Title

 

The HTML <cite> element is used to define the title of a work.

Browsers normally will display <cite> elements in italic.

Example

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
Try it Yourself

HTML <bdo> for Bi-Directional Override

 

The HTML <bdo> element is used to define bi-directional override.

The <bdo> element is used for overriding the current text direction:

Example

<bdo dir="rtl">This text will be written from right to left</bdo>
Try it Yourself

Test Yourself with Exercises

 

HTML Quotation and Citation Elements


Tag Description
<abbr> Used to defines an abbreviation or acronym
<address> It is used to define contact information for the owner/author of a document
<bdo> It is used to define the text direction
<blockquote> It is used to define a section that is quoted from some other source
<cite> It is used to define the title of a work
<q> It is used to define a short inline quotation