HTML Quotation and Citation Elements
The Quotation elements in HTML are used to insert quoted texts in a web page, that is, portion of texts different from the normal texts in the web page.
HTML <q> for Short Quotations
- The HTML <q> elements defines short text.
- For Short Quotations browsers usually insert quotation marks around the <q> element.
Example
<html>
<body>
<p>Browsers usually insert quotation marks around the q element.</p>
<p>Person’s goal should be: <q>Happiness is not something you postpone for the future; it is something you design for the present. </q></p>
</body>
</html>
HTML <blockquote> for Quotations
- The HTML <blockquote> elements defines a section which is quoted from another source.
- <blockquote> elements are usually indented by browsers.
Example
<html>
<body>
<p>Browsers usually indent blockquote elements.</p>
<blockquote cite="https://www.brainyquote.com/quotes/earl_nightingale_159029">
Learn to enjoy every minute of your life. Be happy now. Don't wait for something outside of yourself to make you happy in the future. Think how really precious is the time you have to spend, whether it's at work or with your family. Every minute should be enjoyed and savoured.
</blockquote>
</body>
</html>
HTML <abbr> for Abbreviations
- The <abbr> element is used to define a text as an acronym or abbreviations.
- The title attribute can be used to show the full version of the abbreviation/acronym when you move cursor over the <abbr> element.
- It has both opening and closing tags.
- This is useful for browsers and search engines.
Example
<html>
<body>
<p> India decided to go to space when <abbr title=" Indian National Committee for Space Research "> INCOSPAR </abbr was set up by the Government of India in 1962.> </p>
<p>Marking up abbreviations can give useful information to browsers, translation systems and search-engines.</p>
</body>
</html>
HTML <address> for Contact Information
- Using the <address> element, we can define an address in a webpage and the text put inside the address tag will be emphasized.
- Most browsers will add a line break before and after the element.
Example
<html>
<body>
<p>The HTML address element defines contact information (author/owner) of a document or article. </p>
<address>
Written by Coders Arts.
Visit us at:
codersarts.com
G-69, Sector 63,
Noida - 201301, India
<address>
</body>
</html>
HTML <cite> for Work Title
- This element is used define a title of a work and emphasizes a text.
- Browsers usually display <cite> elements in italic.
Example
<html>
<body>
<p>HTML cite element defines title of a work.</p>
<p>Browsers usually display cite elements in italic.</p>
<img src="image/gallery.jpg" width="420" height="277" alt=" The Gallery">
<p><cite> The Starry Night</cite> by Vincent Van Gogh. Painted in 1889.</p>
</body>
</html>
HTML <bdo> for Bi-Directional Override
- The <bdo> element is used to define a bidirectional override which means that the text written from right to left or left to right.
- It is used to over-ride the current text direction.
- It takes an attribute “rtl” to display the text from right to left.
Example
<html>
<body>
<p>If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):</p>
<bdo dir="rtl"><This line is supposed to be written from right to left</bdo>
</body>
</html>