Home >>HTML Tutorial >HTML Quotations

HTML Quotations

HTML Quotations

The HTML Quotation elements provides the quoted text in a web page that is different from the normal text in web page.

HTML <q> Element

The <q> element needs both opening and closing tags. It is used to set a highlighted text inside the quotation marks.

Let's take an example of <q> Element:

 <!DOCTYPE html>
<html>
<body>
<p>wikipedia: <q>Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.</q></p>
</body>
</html>
Output:

wikipedia: Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.

HTML <blockquote> Element

The <blockquote> element is used to define a text that is taken from another source. Instead of providing quotation mark, it changes the alignment of text to make it unique. It has also an opening and closing tag.

Let's take an example of <blockquote> Element:

 <!DOCTYPE html>
<html>
<body>
<p>wikipedia: <blockquote> Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.</blockquote></p>
</body>
</html>
Output:

wikipedia:

Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.

 

HTML <cite> Element

It provides an italic/Emphasized text to a title of work.

Let's take an example of <cite> Element:

 <!DOCTYPE html>
<html>
<body>
<p><cite>Education</cite> is the passport to the future, for tomorrow belongs to those who prepare for it today.</p>
</body>
</html>
Output:

Education is the passport to the future, for tomorrow belongs to those who prepare for it today.

HTML <address> Element

The <address> element is used to define a contact information of a document. It has also an opening and closing tag.

Let's take an example of <address> Element:

<!DOCTYPE html>
<html>
<body>
<address>
H-73, Sector-63,<br>
 Noida(Opposite Electronic City Metro Station)<br> ,India
</address>
</body>
</html>
Output:
H-73, Sector-63,
Noida(Opposite Electronic City Metro Station)
,India

HTML </bdo> Element

The </bdo> element is used to override the current text and it helps to change the direction. It has also an opening and closing tag.

Let's take an example of </bdo> Element:

<!DOCTYPE html>
<html>
<body>
<p>This is normal text.</p>
<bdo dir="rtl">This text changes direction from right to left</bdo>
</body>
</html>
Output:

This is normal text.

This text changes direction from right to left