❮ Previous Next ❯

HTML Text Quotations and Citations

It includes the following HTML tags.

  1. <abbr>: It defines the full explaination of a term or a name.
  2. <address>: It specifies the contact information of any related document.
  3. <cite>: It defines the title of a project in an HTML document.
  4. <q>: It defines a short quotation in a block of texts.
  5. <blockquote>: It defines a section of text covered from another source.
  6. <bdo>: It defines a part of text which can override the text direction.

1. HTML <abbr> tag

It defines the abbreviation or acronym of a term.

Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>
<abbr title="Hyper Text Markup Language"> HTML </abbr> is the world most common internet language.
</p>
</body>
</html>
Run The code »

Output on the browser

HTML is the world most common internet language.

The <abbr> tag and title attribute are dependent of each other. When you hover over the word 'HTML', 'Hypertext MarkUp Language' will be appeared which denotes the abbreviation of HTML.

2. HTML <address> tag

It specifies the contact information of any related document.

Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h3> www.learncodinghub.com </h3>
<address>
Author:Swamikanta Longjam, <br>
Address:Top Siphai, <br>
Manipur, <br>
India <br>
</address> 
</body>
</html>
Run The code »

Output on the browser

www.learncodinghub.com

Author:Swamikanta Longjam,
Address:Top Siphai,
Manipur,
India
Note that <address> element should be used to provide contact Info like Social Media URLs, Email etc. related to the current page or document.

3. HTML <cite> tag

It defines the title of a project in an HTML document.

Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="images/book.jpg">
<p>
<cite> A book </cite> for JavaScript written by Nicholas.
</p>
</body>
</html>
Run The code »

Output on the browser

A book for JavaScript written by Nicholas.

Only the title name should be written within the <cite> element. A person's name can't be a title of a project.

4. HTML <q> tag

It defines a short quotation in a block of texts.

Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
According to the encyclopedia, 
<q> The Earth revolves around the Sun. </q> 
</body>
</html>
Run The code »

Output on the browser

According to the encyclopedia, "The Earth revolves around the Sun."

The <q> tag is used only for a short sentence or a block of texts within a sentence. To define quotes having multiple sentence, use <blockquote> tag

5. HTML <blockquote> tag

It defines a section of text covered from another source.

Example

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<blockquote cite = "https://www.olympic.org/the-ioc">
The IOC is a not-for-profit independent international organization made up of volunteers. The IOC President presides over all its activities, while the IOC Session and Executive Board are responsible for taking the main decisions for the organization.
</blockquote>
</body>
</html>
Run The code »

Output on the browser

The IOC is a not-for-profit independent international organization made up of volunteers. The IOC President presides over all its activities, while the IOC Session and Executive Board are responsible for taking the main decisions for the organization.

The <q> tag is used only for a short sentence or a block of texts within a sentence. To define quotes having multiple sentence, use <blockquote> tag

6. HTML <bdo> tag

It defines a part of text which can override the text direction.

Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<bdo dir="ltr"> DIRECTION </bdo>
<br>
<bdo dir="rtl"> DIRECTION </bdo>
</body>
</html>
Run The code »

Output on the browser

DIRECTION
DIRECTION

Use <bdi> tag, only when the default direction is known whereas use <bdo> tag when the text direction is unknown and want to force in a specific direction.

Can you answer it?

  1. Which HTML tag must use to define the address or any useful info of author?
    Please refer to the above explaination.
  2. Which HTML tag can make the text bold?
    <address> tag
  3. Which HTML tag defines the title of a project or work?
    <cite> tag
  4. Which HTML tag can defines a short quotation?
    <q> tag
  5. Which HTML tag defines a section quoted from another sources?
    <blockquote> tag
  6. Which HTML tag can change the direction of texts?
    <bdo> tag
❮ Previous Next ❯