HTML blockquote Tag

HTML blockquote Tag defines a section that is quoted from another source like a web page or website.

Table of Contents

Syntax of HTML blockquote Tag

The Syntax of HTML blockquote Tag is shown below. It has both opening and closing tags.


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<blockquote cite="source url">
// quoted section
</blockquote>
</body>
</html>

Usage of HTML blockquote Tag

HTML blockquote tag is used to display a large section of a text or information which is quoted from another source.

Example of HTML blockquote Tag

Simple example of HTML blockquote tag is shown below.


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<blockquote cite="https://en.wikipedia.org/wiki/HTML">
Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
</blockquote>
</body>
</html>

In the above example as you can see, the blockquote tag is used to quote the text about HTML from wikipedia.

Output

The output of above example is shown below.

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Default Styling of blockquote Tag

Blockquote is a block level element and by default browser will indent the left and right margins of blockquote element as shown above in the output. You can remove this indention using simple CSS, look at the code written below.


<style>
blockquote
{
  margin: 0;
}
</style>

cite Attribute in blockquote Tag

cite attribute is used to point at the source from where the information or text is being quoted.

Browser Support for HTML blockquote Tag

HTML blockquote Tag is supported by all major browsers including safari and internet explorer.

Global Attributes Support in HTML blockquote Tag

The HTML blockquote Tag supports Global Attributes.

Event Attributes Support in HTML blockquote Tag

The HTML blockquote Tag supports Event Attributes.