<blockquote>

The HTML <blockquote> element is used to indicate a section of text that is quoted from another source, often displayed with indentation to distinguish it from the rest of the content.

blockquote tag

The <blockquote> element is used to represent extended quotations in a document. By default, browsers render it with indentation to visually distinguish the quoted content. You can specify the source URL using the cite attribute, and reference the source text using the <cite> element. As a block-level element, <blockquote> can contain other text formatting elements and is often used alongside cite for proper attribution.

Syntax

index.html
<blockquote>
  Quoted text goes here.
</blockquote>

blockquote Demo

This is a quotation taken from Qarpeo.

index.html
<blockquote cite="https://institute.qarpeo.com">
  <p>
    This is a quotation taken from Qarpeo.
  </p>
</blockquote>
Use the <q> tag for inline (shorter) quotations.

Attributes

This element supports global attributes, including:

cite: Specifies a URL referencing the source document or message for the quoted content. This attribute provides context or citation for the quotation.

See also

  • The <q> element for inline quotations.
  • The <cite> element for citing sources.

Conclusion

The <blockquote> element is useful for presenting longer, indented quotations in HTML, helping to separate quoted content from the rest of the page. The cite attribute can be used to reference the source of the quotation. For shorter inline quotes, the <q> tag is a better choice. Proper use of <blockquote> enhances readability and provides context to the quoted material.