HTML `<blockquote>` Tag

The <blockquote> tag is used to define long quotes inside the document. Browsers usually indent <blockquote> elements.

A URL for the quotation source can be given with the cite attribute, whereas a text display of the source can be given with the <cite> element.

This is a block-level element and can include tags for text formatting.

The <blockquote> tag is placed within the <body> tag.

You can use the margin-right and/or margin-left properties, or the margin shorthand property to change indentation applied to the quoted text.

TIP

For short quotes in a document, use the <q> tag.

Syntax

The <blockquote> tag comes in pairs. The content is written between the opening (<blockquote>) and closing (</blockquote>) tags.

Example of the HTML `<blockquote>` tag:

HTML <blockquote> Tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
  </body>
</html>

Result

blockquote exemple

Example of the HTML `<blockquote>` tag used with the `<q>` tag:

Example of the HTML <blockquote> tag with the HTML <q> tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p> A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
    <q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
  </body>
</html>

Attributes

Attribute	Value	Description
cite	URL	Specifies the source of the quote. The value can be either a relative or an absolute URL.

The <blockquote> also supports the Global Attributes and the Event Attributes.

How to style an HTML <blockquote> Tag

json

{
    "tag_name": "blockquote"
}

Practice

What is the purpose and usage of the HTML <blockquote> tag?

It is used to create a stand-out section in an HTML document.It is used for developing ordered lists in HTML documents.The <blockquote> tag is utilized for embedding a foreign application or interactive content into the HTML document.It is used for indicating quoted sections from another source in the HTML document.The <blockquote> tag is used to denote a section that is quoted from another source in an HTML document, enclosing the quoted text in it.

HTML <blockquote> Tag ​

Syntax ​

Example of the HTML <blockquote> tag: ​

Result ​

Example of the HTML <blockquote> tag used with the <q> tag: ​

Attributes ​