Tutorials 参考 练习 Videos NEW Menu
Paid Courses Website NEW

HTML <blockquote> Tag


例子

A section that is quoted from another source:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
来试试吧 »

More "来试试吧" examples below.


Definition and Usage

The <blockquote> tag specifies a section that is quoted from another source.

Browsers usually indent <blockquote> elements (look at example below to see how to remove the indentation).


Tips and 笔记

Tip: Use <q> for inline (short) quotations.


Browser Support

Element
<blockquote> Yes Yes Yes Yes Yes

Attributes

Attribute Value Description
cite URL Specifies the source of the quotation

Global Attributes

The <blockquote> tag also supports the Global Attributes in HTML.


Event Attributes

The <blockquote> tag also supports the Event Attributes in HTML.



More 示例

例子

Use CSS to remove the indentation from the blockquote element:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

</body>
</html>
来试试吧 »

Related Pages

HTML DOM reference: Blockquote Object


Default CSS Settings

Most browsers will display the <blockquote> element with the following default values:

例子

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
来试试吧 »