mozilla

Revision 3724 of <blockquote>

  • Revision slug: HTML/Element/blockquote
  • Revision title: blockquote
  • Revision id: 3724
  • Created:
  • Creator: PablO
  • Is current revision? No
  • Comment Added element type and allowed content /* Summary */

Revision Content

HTML Block Quotation Element

Summary

Block Quotation element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation, which can be changed using CSS margin property. 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.

As you can see, blockquote has default indent. You can change it by setting CSS margin property.

See also

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

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

Revision Source

<h2 name="HTML_Block_Quotation_Element"> HTML <i>Block Quotation</i> Element </h2>
<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, which can be changed using <a href="en/CSS">CSS</a> <a href="en/CSS/margin">margin</a> property. 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>
<p>As you can see, blockquote has default indent. You can change it by setting <a href="en/CSS">CSS</a> <a href="en/CSS/margin">margin</a> property.
</p>
<h3 name="See_also"> See also </h3>
<ul><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/Elementy/blockquote" } ) }}
Revert to this revision