TRENDING TOPICS

×

HTML Quotation

The HTML <q> element indicates that the enclosed text is a short inline quotation. Mostly, modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks for long quotations use the <blockquote> element.

HTML <q> Quotations

  • The HTML <q> element defines a short quotation.
  • The browsers usually insert quotation marks around the <q> element.
  • HTML quotations are also used to decorate HTML Text.
  • The quotation is marked surrounded within " " or by some space from the left-side which makes the quotation appear slightly different from other text.

HTML <blockquote> for Quotations

Basically, the <q> tag used for a small length of Quotation in the HTML page but in the case of the long length of Quotation, you need to used the <blockquote>tag. It will create a block around the text within tag and provide some text-ident from left side which makes the Quotation more professional; See the below-mentioned example for more understanding:

Example of <q> & <blockquote> Quotations

<!DOCTYPE html>
<html>
   <head>
      <title>HTML blockquote Tag</title>
   </head>
   <body>
      <blockquote>Hey This is a big quotation area of any topic, because of length arrenged in this tag which is used for large Quotation.</blockquote>
      <q>Hello! Marked as just Quotation.</q>
   </body>
</html>

Output

Hey This is a big quotation area of any topic, because of length arrenged in this tag which is used for large Quotation.
Hello! Marked as just Quotation.

HTML <citi> for Work Title

The value of <citi> tag attribute is a URL that designates a source document or message for the information quoted. The attribute is intended to point to information explaining the context or the reference for the quote.

The HTML <citi> element defines the title of a work. Usually, the browsers display <citi> elements in italic.

Example Explained

<!DOCTYPE html>
<html>
   <body>
      <citi>My Life</citi> is the name of my first written book.
   </body>
</html>

Output

My Life is the name of my first written book.

HTML Abbreviation Element <abbr>

The HTML abbreviation element 'abbr' represents an abbreviation or acronym. The optional title attribute can provide an expansion or description for the abbreviation. If present, the title must contain this full description and nothing else.

Example Explained

<!DOCTYPE html>
<html>
   <body>
      <p><abbr title="Global Data Mart"> GDATAMART,</abbr> is the website where you are reading this tutorials.</p>
   </body>
</html>

Output

GDATAMART, is the website where you are reading this tutorials.

HTML <bdo> Bidirectional Text Override

The HTML "Bidirectional Text Override" element overrides the current directionality of text so that the text within is rendered in a different direction. The text's characters are drawn from the starting point in the given direction. The individual characters' orientation is not affected so characters don't get drawn backward.

Example Explained

Address → Indicates that the text should go in a left-to-right direction.

sserddA → Indicates that the text should go in a right-to-left direction.

<!DOCTYPE html>
<html>
   <body>
      <p>Indicates, normal paragraph text.</p>
      <p><bdo dir="rtl">Indicates, apply bdo property text.</bdo></p>
   </body>
</html>

Output

Indicates, normal paragraph text.

Indicates, apply bdo property text.

HTML <address> Tag

The <address> tag is used to provide address information of the owner of the document, they can be the author, writer, or some who own that document.

ExampleExplained

<address>Street No: 8364 <br/>
City: Mumbai, Maharashtra<br/>
Country: India</address>

Output

Street No: 8364
City: Mumbai, Maharashtra
Country: India

HTML Quotation Elements

Tag Description
<q> <q> use for a short inline quotation
<blockquote> Defines a section that is quoted from another source
<citi> The HTML <citi> element defines the title of a work
<abbr> Marking <abbr> means abbreviations can give useful information to browsers
<address> The HTML <address> element defines contact information of a document.
<bdo> The <bdo> element is used to override the current text direction.

Advertise With Us

We offer sponsored posts and guest posts with do-follow links, back-links, and other advertising services, To advertise email us at "advertise@gdatamart.com"

© 2021 GDATAMART.COM (All Rights Reserved)