<blockquote>

  • Revision slug: HTML/Element/blockquote
  • Revision title: blockquote
  • Revision id: 3732
  • Created:
  • Creator: PablO
  • Is current revision? No
  • Comment /* See also */

Revision Content

Summary

Block quotation element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes how to change it). The source of the quotation may also be stated using the HTML Citation Element.

Attributes

cite
The value of this attribute is a URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.

Example

  <blockquote cite="http://developer.mozilla.org">
    <p>This is a quotation taken from the Mozilla Developer Center.</p>
  </blockquote>

Above HTML code will output:

This is a quotation taken from the Mozilla Developer Center.

Notes

To change <blockquote> indent, use CSS margin property.

For short quotes use <q> element.

See also

{{wiki.template('HTML:Element_Navigation')}}

{{ wiki.languages( { "pl": "pl/HTML/Element/blockquote" } ) }}

Revision Source

<h3 name="Summary"> Summary </h3>
<p><b>Block quotation</b> element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a href="en/HTML/Element/blockquote#Notes">Notes</a> how to change it). The source of the quotation may also be stated using the <a href="en/HTML/Element/cite">HTML Citation Element</a>.
</p>
<ul><li> Element type: <a href="en/HTML/Block-level_elements">block-level</a>
</li><li> Allowed content: <a href="en/HTML/Block-level_elements">block-level</a>
</li></ul>
<h3 name="Attributes"> Attributes </h3>
<dl><dt>cite</dt><dd> The value of this attribute is a URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.
</dd></dl>
<h3 name="Example"> Example </h3>
<pre>  &lt;blockquote cite="http://developer.mozilla.org"&gt;
    &lt;p&gt;This is a quotation taken from the Mozilla Developer Center.&lt;/p&gt;
  &lt;/blockquote&gt;
</pre>
<p>Above HTML code will output:
</p>
<blockquote cite="http://developer.mozilla.org">
<p>This is a quotation taken from the Mozilla Developer Center.</p>
</blockquote>
<h3 name="Notes"> Notes </h3>
<p>To change <code>&lt;blockquote&gt;</code> indent, use <a href="en/CSS">CSS</a> <a href="en/CSS/margin">margin</a> property.
</p><p>For short quotes use <a href="en/HTML/Element/q"><code>&lt;q&gt;</code></a> element.
</p>
<h3 name="See_also"> See also </h3>
<ul><li> <a href="en/HTML/Element/q">HTML Quotation element</a>
</li><li> <a href="en/HTML/Element/cite">HTML Citation element</a>
</li><li> <a href="en/HTML/Element/p">HTML Paragraph element</a>
</li><li> <a href="en/HTML/Element/code">HTML Code element</a>
</li></ul>
<p>{{wiki.template('HTML:Element_Navigation')}}
</p>{{ wiki.languages( { "pl": "pl/HTML/Element/blockquote" } ) }}
Revert to this revision