HTML Quotes
HTML quotations serve the purpose of incorporating brief quotes into your website. This is achieved by utilizing the HTML q tag and the HTML blockquote tag.
HTML q tag
HTML q tag is employed to indicate a short quotation. To achieve this, enclose your text within the <q>q</q> tags.
Example
<p> Great quote on love and life.</p>
<p> Dr. Seuss once said : <q>Reality is finally better than your dreams.</q></p>
Output:
Great quote on love and life.
Dr. Seuss famously stated: "The actual world is ultimately superior to your imagined fantasies."
HTML blockquote tag
The HTML blockquote element is utilized to specify a substantial quoted section. When dealing with a lengthy quotation, enclose the entire text within the <blockquote>.............</blockquote> tag.
Example
<p> Read this inspirational story.</p>
<blockquote> According to scientists, the bumblebee's body is too heavy and its wing span too
small. Aerodynamically, the bumblebee cannot fly. But the bumblebee doesn't know that and it
keeps flying. When you don't know your limitations, you go out and surprise yourself. In hindsight, you
wonder if you had any limitations. The only limitations a person has are those that are self-
imposed. Don't let education put limitations on you.</blockquote>
Output:
Read this inspirational story.
Supporting Browsers
| Element | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
| <q> and <blockquote> | Yes | Yes | Yes | Yes | Yes |
HTML Tags which are used in Quotations and Citation
| Tag | Description |
|---|---|
<abbr> |
It defines the abbreviation or an acronym. |
<address> |
It is used to define the contact information of the document writer. |
<bdo> |
It defines the direction of the text. |
<blockquote> |
It is used to define a section that is quoted from another source. |
<q> |
It is used to put the small quotations. |
<cite> |
It defines the title of source from where quotation or work is taken. |
<define> |
It is used to define a definition term. |