HTML blockquote tag

HTML blockquote tag with examples, html5, forms, input, text, anchor, image, heading, marquee, textarea, paragraph, title, quotes, code etc.

<< Back to HTML

next → ← prev

HTML <blockquote> tag

HTML <blockquote> tag is used to define a block of text which is quoted from another source. The Browser usually displays the content within <blockquote> tag as indented text.

If you want to insert a long quote then use <blockquote> and for short or inline quote use <q> tag.

Syntax

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

Following are some specifications about the <blockquote> 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 <blockquote> 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 <blockquote> tag supports all the global attributes in HTML.

Event attributes

The <blockquote> tag supports all events attributes in HTML.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<blockquote>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML body Tag

← prev next →

.Net

.NET Array Dictionary List String 2D Async DataTable Dates DateTime Enum File For Foreach Format IEnumerable If IndexOf Lambda LINQ Parse Path Process Property Regex Replace Sort Split Static StringBuilder Substring Switch Tuple

Java

Core Array ArrayList HashMap String 2D Cast Character Console Deque Duplicates File For Format HashSet If IndexOf Lambda Math ParseInt Process Random Regex Replace Sort Split StringBuilder Substring Switch Vector While

TheDeveloperBlog.com