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. |