HTML Quotations & Citations

« Prev Next »

HTML contains specialized tags to display quoted text and citations along with authors and abbreviation details which enhance semantic understanding and provide better accessibility.

html-quotations-and-citations

<blockquote> – Block Quotations

This element represents long quotations which browsers display as block-level elements with indentation.

 

<blockquote cite="https://www.example.com/article">
  The only way to do great work is to love what you do.
</blockquote>
Run ›

<q> – Inline Quotations

This element displays brief quotations directly within text and automatically includes quotation marks.

 

<p>Steve Jobs once said, <q>Stay hungry, stay foolish.</q></p>
Run ›

<cite> – Source or Title of a Work

The <cite> tag serves to identify the title of creative works such as books, websites, movies or articles.

<p><cite>The Great Gatsby</cite> was written by F. Scott Fitzgerald.</p>
Run ›

<abbr> – Abbreviation or Acronym

This element reveals an abbreviation and displays its full form when hovered over.

 

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

<address> – Contact Information

Used for author or company contact details.

 

<address>
  Contact us at:<br>
  123 Main Street<br>
  email@example.com
</address>
Run ›
notepad
  • Use <blockquote> for long, standalone quotes
  • Use <q> for short inline phrases
  • Add the cite attribute in <blockquote> to reference the source
  • Use <abbr> to enhance clarity and accessibility for acronyms
« Prev Next »

Quickly Find What You Are Looking For

OnlineTpoint is a website that is meant to offer basic knowledge, practice and learning materials. Though all the examples have been tested and verified, we cannot ensure the correctness or completeness of all the information on our website. All contents published on this website are subject to copyright and are owned by OnlineTpoint. By using this website, you agree that you have read and understood our Terms of Use, Cookie Policy and Privacy Policy.