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
<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
<!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
Use our TryIt Editor to see the output.
Browser Support
 Chrome |  Firefox |  Edge |  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
citeto 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.
