HTML Quotations

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.

Below are some of the most used quotation elements of HTML

Tag Name	Description
<abbr>	This tag defines an abbreviation or an acronym, like "Mr.", "Dr.", "ASAP", "ATM".
<address>	This tag defines The contact information can be an email address
<bdo>	This tag is used to override the current text direction:
<blockquote>	This tag defines quoted from another source.
<cite>	This tag defines the title of a creative work (e.g. a book, a poem, a song etc.).
<q>	This tag defines a short quotation.

HTML <abbr> tag

The <abbr> element is used to define a text in a concise or concise form. The title attribute can be used to show the full version of the abbreviation / abbreviation

Example :-

<!DOCTYPE html>
<html>
<head>
    <title>Stack Overlode</title>
</head>
<body>
    <p>This is <abbr title="Stack Overlode">Stack Overlode</abbr></p>
</body>
</html>

HTML <address> tag

This element, we can define an address in a webpage and the text put inside the address tag will be emphasized.

Example :-

<!DOCTYPE html>
<html>
<head>
    <title>Stack Overlode Address</title>
</head>
<body>
    <address>
    <p>Address:<br>India Darsenda,
<br>Uttar Pradesh 210206</p>
    </address>
</body>
</html>

HTML <bdo> tag

This element is used to define a bidirectional override which means that the text written from right to left or left to right.

Example :-

<!DOCTYPE html>
<html>
<head>
    <title>Stack Overlode</title>
</head>
<body>
    <!--Normal text-->    
    <p>The quick brown fox jumps over the lazy dog<br></p>
    <!--Inside <bdo> tag-->
    <p><bdo dir="rtl">The quick brown fox jumps 
over the lazy dog</bdo></p>
</body>
</html>

HTML <blockquote> And <q> tag

The quotation you want to include in your text should be inserted inside <q> tags. They surround an inline quote in HTML quotation marks automatically for long quotations use the <blockquote> element.

Example :-

<!DOCTYPE html>
<html>
   <head>
   </head>
   <body> 
      <q>This example quotation</q> - Stack HTML quotation element 
   </body>
</html>

HTML <cite> tag

This tag defines the title of a creative work (e.g. a book, a poem, a song etc.).

Example :-

<!DOCTYPE html>
<html>
   <head>
   </head>
   <body> 
      <p><cite>The quick brown fox jumps </cite> over the lazy dog </p>
   </body>
</html>