HTML Quotations

❮ Previous Next ❯

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

HTML <blockquote> for Quotations

The HTML <blockquote> element designates a section of text that is quoted from another source./p>

Browsers usually indent <blockquote> elements.

HTML <q> for Short Quotations

The HTML <q> tag is used for short quotations, and browsers typically add quotation marks around the quoted text.

HTML <abbr> for Abbreviations

The HTML <abbr> signifies abbreviations or acronyms, like "HTML," "CSS," "Mr.," "Dr.," "ASAP," and "ATM."

By marking abbreviations with the tag, valuable information is provided to browsers, translation systems, and search engines.

HTML <address> for Contact Information

The HTML <address> is used to indicate the contact information of the document's author or owner.

This tag allows for the inclusion of various contact information, such as email addresses, URLs, physical addresses, phone numbers, social media handles, and more.

Text inside the <address> element is typically displayed in italic format, and browsers automatically insert a line break before and after the <address> element.

HTML <cite> for Work Title

The HTML <cite> tag specifies the title of a creative work, such as a book, poem, song, movie, painting, sculpture, and more

The text inside the <cite> element is typically displayed in italic.

HTML <bdo> for Bi-Directional Override

BDO stands for Bi-Directional Override.

The HTML <bdo> tag is utilised to override the current text direction.

HTML Quotation and Citation Elements

Tag	Description
<abbr>	Creates a short form or abbreviation for a word or phrase.
<address>	Specifies the contact details for the person who created or owns a document.
<bdo>	Specifies the direction of the text.
<blockquote>	Specifies a part of content that is quoted from somewhere else.
<cite>	Specifies the title of a piece of content.
<q>	Describes a brief quote within a line.

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>Here is a quote from WWF's website:</p>
    <blockquote cite="http://www.worldwildlife.org/who/index.html"> For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live. </blockquote>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>Our goal is to: <q>help you learn programming effectively</q></p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948. </p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <address> Written by Tom Holland. <br> Visit us at: <br> Example.com <br> Box 564, Safaripark <br> USA </address>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>
      <cite>The Scream</cite> by Edvard Munch. Painted in 1893.
    </p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <bdo dir="rtl">This text will be written from right to left</bdo>
  </body>
</html>

❮ Previous Next ❯

HTML Basics

HTML Tags

HTML Attributes

HTML Graphics

HTML APIs

HTML DOM

HTML Audio/Video

HTML 5 MathML