HTML Quotation

HTML Quotation is used to show a section that remains elsewhere.

Example

<!DOCTYPE html>
<html>
<body>

<p>This is Example</p>
<blockquote cite="http://www.tutorialstrack.com">At tutorialstrack.com you can learn online programming languages from the basic to advanced, so that you can create your own website or software.</blockquote>

</body>
</html>

<q> for Short HTML Quotations

The element <q> is used for the short quotation. This means that if you type a text between <q> elements then the browser shows it in the middle of the quotations marks.

Example

<!DOCTYPE html>
<html>
<body>

<p>Welcome to Tutorials Track <q>At tutorialstrack.com you can learn online programming languages from the basic to advanced, so that you can create your own website or software.</q></p>

</body>
</html>

HTML <blockquote> for Quotations

The HTML <blockquote> is used to show a section, which remains somewhere else. The browser shows it by indenting it.

Example

<!DOCTYPE html>
<html>
<body>

<p>This is Example</p>
<blockquote cite="http://www.tutorialstrack.com">At tutorialstrack.com you can learn online programming languages from the basic to advanced, so that you can create your own website or software.</blockquote>

</body>
</html>

HTML <abbr> for Abbreviations

When we want to know the full form of a word (acronym) i.e. full form, use <aabr> element.
Using <abbr> element is beneficial for browser, translation method and search engine

Example

<!DOCTYPE html>
<html>
<body>

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1994.</p>

<p>Marking up abbreviations can give useful information to browsers, translation systems and search-engines.</p>

</body>
</html>

HTML <address> for Contact Info

If we have to show the contact information of the author or an author, we will use the <address> element. Generally, these iTalic displays are also those with line breaks.

Example

<!DOCTYPE html>
<html>
<body>

<address>
Written by Jassi.<br> 
Visit us at:<br>
www.example.com<br>
Plot 101, Greenland<br>
INDIA
</address>

</body>
</html>

HTML <bdo> for Bi-Directional Override

<bdo> element is used to change text direction.

Example

<!DOCTYPE html>
<html>
<body>

<bdo dir="rtl">This line will be written from right to left</bdo>

</body>
</html>

HTML <cite> for Work Title

<cite> elements define a work title. This work can be any painting, art, etc. These are also display in Italic.

Example

<!DOCTYPE html>
<html>
<body>

<img src="http://www.tutorialstrack.com/wp-content/uploads/2019/01/download.png" width="220" height="60" alt="This logo">
<p><cite>This Logo</cite> from tutorials track. Create in 2019.</p>

</body>
</html>