HTML Tags

HTML <blockquote> Tag

The <blockquote> tag is used to define a long quotation from another source.
Browsers typically display it as a block element with indentation.
It is ideal for quoting multiple sentences or paragraphs.

Syntax

html

<blockquote cite="source-url">Quoted text goes here</blockquote>

Attributes

Attribute	Description
cite	URL of the source of the quotation.
class	Assigns one or more class names for styling.
id	Assigns a unique identifier to the element.
style	Adds inline CSS styles to customize appearance.
title	Provides additional information as a tooltip.

Example

html

<!DOCTYPE html>
<html>
<head>
  <title>BLOCKQUOTE Tag Example</title>
  <style>
    blockquote {
      border-left: 4px solid #2196f3;
      padding-left: 10px;
      margin: 10px 0;
      font-style: italic;
      color: #555;
    }
  </style>
</head>
<body>
  <h1>HTML <blockquote> Tag Example</h1>
  <blockquote cite="https://www.example.com" title="Source Example">
    “The only limit to our realization of tomorrow is our doubts of today.”
  </blockquote>
</body>
</html>

Output

Browser Output

html

Use our TryIt Editor to see the output.

Browser Support

Chrome	Edge	Firefox	Safari	Opera	IE9+
Yes	Yes	Yes	Yes	Yes	Yes

The text appears indented with a left border and italicized style. The cite and title attributes are not directly visible.

Notes

<blockquote> is a block-level element.
Use cite to provide semantic reference for the source.
CSS can style the block (borders, padding, font style, background).
Ideal for multi-line or paragraph quotations.

Conclusion

The <blockquote> tag is used for long quotations, visually distinguished by indentation and optionally styled with CSS.
It helps in presenting references or cited content clearly.

PreviousHTML <u> Tag NextHTML <q> Tag