HTML Quotation and Citation Elements

HTML Quotation and Citation Elements

HTML Quotation and Citation Elements provides special tags to display quotes, citations, and quoted text in a meaningful way.

Common Quote-Related Tags

Tag	Purpose
`<q>`	Short inline quotation
`<blockquote>`	Long quotation (indented text)
`<cite>`	Shows the title of a work (italic style)
`<abbr>`	Defines abbreviations or acronyms
`<address>`	Contact or author information

Example Code

<!DOCTYPE html>
<html>
<body>

<p>He said: <q>HTML makes building websites easy.</q></p>

<blockquote>
The future belongs to those who believe in the beauty of their dreams.
</blockquote>

<p>This book is written by <cite>APJ Abdul Kalam</cite>.</p>

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

<address>
Written by John Doe.<br>
Visit us at: example.com<br>
USA
</address>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

He said: <q>HTML makes building websites easy.</q>

The future belongs to those who believe in the beauty of their dreams.

</blockquote>

This book is written by <cite>APJ Abdul Kalam</cite>.

<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

Written by John Doe.

Visit us at: example.com

USA

</address>

</body>

</html>

Output Preview

A short quote will appear inside quotation marks.
The long quote (<blockquote>) will appear indented.
The <cite> text will appear italic.
Hovering over <abbr> will show full form.
<address> text will show formatted contact details.

Quotation and citation elements help make content meaningful, structured, and semantically correct for browsers and search engines.

HTML Quotation and Citation Elements