HTML Quotations and Citations

In HTML, there are specific elements designed for handling quotations and citations within a web page. These elements help provide structure and semantic meaning to the content. Here are the main HTML elements used for quotations and citations:

By- TechGun


The <blockquote> element is used to mark a block of quoted text from another source. It is commonly used for long quotes or citations that span multiple paragraphs. When you use this element, the browser typically indents the quoted text to distinguish it from the surrounding content.

Example usage of “<blockquote>

  <p>This is a quote.</p>
  <p>Each paragraph inside the blockquote is wrapped with its own tag.</p>

This is a quote.

Each paragraph inside the blockquote is wrapped with its own tag.

By –Husain Sir


The “<q>” element represents a short inline quotation, typically used for brief quotes or inline citations. Browsers may style the content within `<q>` with quotation marks (usually surrounding the text with double quotation marks).

Example usage of `<q>`:

<p>Welcome to Technalay. <q>Thank you for visit.</q></p>

Welcome to Technalay. Thank you for visit.


The <cite> element is used to indicate the title of a creative work, such as the title of a book, movie, article, or other piece of art. It is commonly used to attribute the source of a quotation.

Example usage of `<cite>`:

  <p>Keep learning and keep growing.</p>

Keep learning and keep growing.

By: Husain Sir

These elements provide semantic meaning to your content and can also be helpful for styling purposes. When used correctly, they improve accessibility and help search engines understand the structure of your web page.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *