HTML blockquote Tag Tutorial

In this section, we will learn about HTML <blockquote> element and will see how it works.

Quotes in HTML: What is <blockquote> Tag in HTML?

HTML <blockquote> element is used when we want to add quotes from another source to our webpage.

Basically, the body of this element contains the quoted content from another resource.

This element adds an empty space before and after the block quote in order to emphasize the quoted content.

HTML <blockquote> Tag Syntax:

<blockquote cite = "source-of-quote-address"> quoted content </blockquote>

HTML <blockquote> Tag Values

Within the body of the <blockquote> element, we set the quoted content.

Also, this element has an attribute named cite and its value is the address of the source of the content.

Example: using <blockquote> tag in HTML

See the Pen using <blockquote> tag in HTML by Omid Dehghan (@odchan1) on CodePen.

When to Use a Block Quote?

We use the block quote when we have long quotation content like usually above 3-4 lines.

HTML <blockquote> Tag Attributes

HTML <blockquote> element has one attribute named `cite`. The value of this attribute, as you saw in the previous example, is the address of the quoted content within the body of the <blockquote> element.

Leave a Reply