HTML Quotation

The HTML <q> element indicates that the enclosed text is a short inline quotation. Most 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.
  • Browsers usually insert quotation marks around the <q> element.
  • HTML Quotations are also used to decorate HTML Text
  • Quotation is marked surrounded within " " or by some space from left-side which makes Quotation appear slightly different form other text.

HTML <blockquote> for Quotations

Basically we use <q> tags, where we needs small length of Quotation in HTML tags. But in Case of long length of Quotation we uses <blockquote> tag. It will create a block around the text within tag and provide some text-ident from left side which makes Quotation more professional, let’s understand by example:

Example with <q> & <blockquote> Quotations

<!DOCTYPE html>
<html>
   <head>
      <title>HTML blockquote Tag</title>
   </head>
   <body>
      <blockquote>Hey There! I'm a big Quotation about any topic, because of my length I'm arrenged in this tag whic is used for large Quotation</blockquote>
      <q>Hello I marked as Quotation, So I'm cotted</q>
   </body>
</html>

Output

Hey There! I'm a big Quotation about any topic, because of my length I'm arrenged in this tag whic is used for large Quotation
Hello I marked as Quotation, So I'm cotted

HTML <citi> for Work Title

The value of this attribute is a URL that designates a source document or message for the information quoted. This 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. Browsers usually 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, title must contain this full description and nothing else.

Example

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

Output

gdatamart, is the website name where you are reading this tutorials

HTML <bdo> Bidirectional Text Override element

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 that the text</p>
      <p><bdo dir="rtl"> Indicates that the text</bdo></p>
   </body>
</html>

Output

Indicates that the text

Indicates that the text

HTML <address> Tag

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

Example

<address> Street NO : 8364 <br/>
City : Allahabad <br/>
Country : India</address>

Output

Street NO : 8364
City : Allahabad
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.

Policy

GDATAMART.COM is optimized for learning & job information; The users try to improve your knowledge and practical experience through this site but we cannot warrant full correctness of all content... Learn More → | Sitemap →

© 2020 GDATAMART | All Rights Reserved