HTML Tutorial
HTML Attributes
- html-global-attributes
- html-event-attributes
HTML Tags List
HTML5 Advance
HTML API
HTML Color Names
- html-color-names
HTML Misc
MCQ
- html-mcq
Interview Questions
- html-interview-questions

HTML
tag

HTML

tag is used to define a block of text which is quoted from another source. The Browser usually displays the content within
tag as indented text.
If you want to insert a long quote then use
and for short or inline quote use tag.
Syntax

<blockquote> quoted text......</blockquote>

Following are some specifications about the
tag

Display Block

Start tag/End tag Both start and End tag

Usage Semantic/textual

Example

<!DOCTYPE html> <html> <head> <title>Blockquote tag</title> </head> <body> <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote :</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure. </p> </blockquote> <cite>Erin Cummings</cite> </body> </html>
Test it Now
Output:

Styling
tag

<!DOCTYPE html> <html> <head> <title>Blockquote tag</title> <style> blockquote{ text-align: justify; background-color: #F7EAE9; border-radius: 4px; margin-right: 25px;} cite{ margin-left: 15px;} </style> </head> <body> <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote:</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure. </p> </blockquote> <cite>-Erin Cummings</cite> </body> </html>
Test it Now
Note: We have used CSS property margin-right: 25px to change the indentation applied to the text. You can also use margin-left or margin shorthand property.

Output:

Attribute

Tag specific attribute

Attribute value Description

cite URL It is used to specify the URL of the source from where the quote is taken.

Global attributes

The
tag supports all the global attributes in HTML.
Event attributes

The
tag supports all events attributes in HTML.
Supporting Browsers

Element Chrome IE Firefox Opera Safari

Yes Yes Yes Yes Yes

Next TopicHTML body Tag

← prev next →