HTML - <blockquote> Tag

HTML <blockquote> tag is used to quate section which are taken from other source. It changes the alignment to make it unique among others. It contains both opening and closing tags.

The< blockquote> tag in HTML5 specifies the section that is quoted from other sources. But HTML 4.1 defines "long quotations," i.e., quotations that span multiple lines.

Syntax

<blockquote>...</blockquote>

Attribute

HTML blockquote tag supports Global and Event attributes of HTML. A specific attribute is accpeted which is listed beloow.

Attribute	Values	Description
cite	URL	It defines the URL of the source of the quotation.

Examples of HTML blockquote Tag

In the bellow examples we will create quotation without source ite, with source cite and also deorate the quotation by using internal CSS.

Creating blockquote Text Element

In the following example, let’s see the usage of <blockquote> tag in the HTML documents.

<!DOCTYPE html>
<html>
<body>
   <h2>Blockquote example</h2>
   <blockquote>
      TutorialsPoint: Simply Easy Learning
   </blockquote>
</body>
</html>

Specifying quotation with Source

Considering the following example, we are creating an HTML document and using the <blockquote> tag and its attribute "cite" to identify the quotation's source.

<!DOCTYPE html>
<html>
<body>
   <h2>Blockquote example</h2>
   <blockquote cite="https://www.tutorialspoint.com">
      TutorialsPoint: Simply Easy Learning
   </blockquote>
 </body>
</html>

Styling blockquote Element

Let's look into the following example, we are creating an HTML document and styling properties for style the blockquote element.

<!DOCTYPE html>
<html>
<head>
   <style>
      blockquote {
      color: green;
      font-style: italic;
      }
   </style>
</head>
<body>
   <h2>Blockquote example</h2>
   <blockquote cite="https://www.tutorialspoint.com">
      TutorialsPoint Easy to Learn!
   </blockquote>
 </body>
</html>

Supported Browsers

Tag
blockquote	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm