HTML Quotation Elements

The quotation elements are useful text in HTML to insert quoted texts in web pages. There are many different quoted text elements that create a different text from normal text content.

Let’s find out these HTML quotation elements with examples below.

HTML <abbr> Element For Abbreviations

The <abbr> Element is used to define an abbreviations or acronyms like HTML, CSS, PHP, etc. It describes the abbreviations in the title attribute and displays the full version on mouse hover the element. The abbreviations give useful information to browsers, translation systems, and search engines.

Output

Welcome to TD

The above example contains the abbreviated text with a dotted underline. You can hover the abbreviated text to see the full information about the content.

HTML <address> Element For Address

The <address> Element is used to define an address in the webpage. It creates an emphasized or italic text content. The browser adds line breaks before and after the <address> element. You can display a physical address that may also contain the URL, email id, mobile numbers, and social media address.

Output

Address:
216/A, Pachpedi Naka,
Sector-12, Near Brijmohan School
State: UP-202454

The above shows the physical address with the pincode. The text is in italic or emphsized format.

HTML <bdo> Element For Bi-directional Override

The <bdo> Element is used to define the direction of the text content. The full form of BDO is Bidirectional Override. There are two directions you can define to the text content. The first is left and the second is right.

Output

A quick brown fox jump over the lazy dog.

The above example shows the right-to-left directional text content.

HTML <blockquote> Element For Quotations

The <blockquote> Element is used to define the block of quotation text content. The resulted text content looks different from other texts with its alignment and position.

Output

Two things are infinite: the universe and the human stupidity; and I am not sure about the universe.
– By Albert Einstein

The above example shows the blockquote and its position and alignment.

HTML <cite> Element For Title of a Work

The <cite> element is used to define the title of a work where the quotation is taken from. The cited text is an italic or emphasized text content.

Output

TutorialDeep is the best place to learn to code.

The above example shows the cited text content.

HTML <q> Element For Short Quotations

The <q> element creates a short quotation in text content. You can place it anywhere inside the text content where you want to display the quotation text. It places the content inside the double-quotes.

Output

A quick brown fox jump over the lazy dog.

The above example shows the quotation text inside the double-quotes.