HTML Quotation Elements

HTML includes many elements, which are used to define quotations, abbreviations and citing in web pages. These are:

1. <blockquote>
2. <q>
3. <abbr>
4. <address>
5. <cite>
6. <bdo>

Examples and Usage

The <blockquote> tag in HTML defines a quotation from another source. It is usually indented by browsers.

<p>This is a quote from Example.com</p> 
<blockquote cite="https://www.example.com/about">
This is a text from Example.com's about page.<br>
This is a text from Example.com's about page. 
</blockquote>

The <q> tag in HTML defines a short quotation. Quotations are usually shown with quotation marks around them.

<p>Example.com's motive is to: <q>Provide High Quality Services</q></p> 

The <abbr> tag in HTML defines an abbreviation or an acronym, such as HTML, CSS, JS, WYSIWYG, etc. You can also display the description for the abbreviation by using the global title attribute. It will be shown when the user hover over the abbreviation.

<p>This tutorial is related to <abbr title="Hyper-Text Markup Language">HTML</abbr>.</p> 

The <address> tag in HTML defines the address (contact info) for the author or owner of a website, document or article, which is usually rendered in italics and browsers automatically add a line break before and after the <address> element.

<address>
Created by Sam Khan.<br>
Address:<br>
Example.com<br>
Verginia, 123, VA<br>
USA
</address> 

The <cite> tag in HTML specifies the title of a creative work, such as a book, story, poem, song, movie, etc. Text within the <cite> element is typically displayed in italics.

<p><cite>Baa Baa, Black Sheep</cite> by Rudyard Kipling. Written in 1888.</p> 

The <bdo> tag in HTML stands for Bi-Directional Override, which is used to specify / override the current text direction.

<bdo dir="rtl">This text is written from right to left</bdo>

Please check below options for the links to our previous or next tutorial.