HTML Quotation and Citation Elements

In this chapter we will go through the <blockquote>,<q>, <abbr>, <address>, <cite>, and <bdo> HTML elements.

Example

We are FixHub Blog:

FixHub Blog is the easy free tutorial platform where you get the essential knowledge what you need to know these at job sector.

HTML <blockquote> for Quotations

The HTML <blockquote> element defines a section that is quoted from another source.

Browsers usually indent <blockquote> elements.

Example

We are FixHub Blog:
<blockquote cite=" https://fixhubblog.blogspot.com/">
FixHub Blog is the easy free tutorial platform where you get the essential knowledge what you need to know these at job sector.
</blockquote>

HTML <q> for Short Quotations

The HTML <q> tag defines a short quotation.

Browsers normally insert quotation marks around the quotation.

Example

FixHub Blog is the easy free <q> tutorial platform where you get the essential knowledge what you need to know these at job sector.</q>

HTML <abbr> for Abbreviations

The HTML <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".

Marking abbreviations can give useful information to browsers, translation systems and search-engines.

Tip: Use the global title attribute to show the description for the abbreviation/acronym when you mouse over the element.

Example

The <abbr title="fixhub"> FixHub Blog is the easy free </abbr> tutorial platform where you get the essential knowledge what you need to know these at job sector.

HTML <address> for Contact Information

The HTML <address> tag defines the contact information for the author/owner of a document or an article.

The contact information can be an email address, URL, physical address, phone number, social media handle, etc.

The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element.

Example

<address>
Written by Etc 
Visit us at: 
Example.com 
Street 123, City 
Country
</address>

HTML <cite> for Work Title

The HTML <cite> tag defines the title of a creative work (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc.).

Note: A person's name is not the title of a work.

The text in the <cite> element usually renders in italic.

Example

<cite> FixHub Blog </cite> is the easy free tutorial platform where you get the essential knowledge what you need to know these at job sector.

HTML <bdo> for Bi-Directional Override

BDO stands for Bi-Directional Override.

The HTML <bdo> tag is used to override the current text direction:

Example

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