HTML - <blockquote> Tag

Quiz

Introduction to <blockquote> Tag

The HTML <blockquote> tag is used to define a section of content that is quoted from another source. It is block-level element creating a new block for the quoted content, visually separating it from the surrounding text.

The <blockquote> tag supports the cite attribute, that can include the URL of the source, providing the reference for the quoted content. This tag is widely used in articles, blogs and documentations.

Syntax

Following is the syntax of HTML <blockquote> tag −.

<blockquote>...</blockquote>

Attributes

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

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

Example : Basic Usage

Let's look at the following example, where we are going to consider the basic usage of the <blockquote> tag.

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

Example : Using with cite Attribute

Considering the following example, we are going to use the cite attribute along with the <blockquote> tag.

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

Example : Applying CSS

In the following example, we are going to use the <blockquote> tag and applying the CSS properties to it.

<!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

Print Page