<blockquote>

  • Revision slug: HTML/Element/blockquote
  • Revision title: blockquote
  • Revision id: 3728
  • Created:
  • Creator: PablO
  • Is current revision? No
  • Comment Added "Notes"

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.

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 inline quotation element (<q>)


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="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">inline quotation</a> element (<a href="en/HTML/Element/q"><code>&lt;q&gt;</code></a>)
</p><p><br>
</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/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