mozilla

Revision 3737 of <blockquote>

  • Revision slug: HTML/Element/blockquote
  • Revision title: blockquote
  • Revision id: 3737
  • Created:
  • Creator: jswisher
  • Is current revision? No
  • Comment 2 words added, 1 words removed

Revision Content

The HTML 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

{{ HTML:Element_Navigation() }}

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

Revision Source

<p>The HTML
Block quotation
element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see</p>
<a href="/en/HTML/Element/blockquote#Notes" title="en/HTML/Element/blockquote#Notes">Notes</a>
<p>how to change it). The source of the quotation may also be stated using the</p>
<a href="/en/HTML/Element/cite" title="en/HTML/Element/cite">HTML Citation Element</a>
<p>.</p>
<ul> <li>Element type: <a href="/en/HTML/Block-level_elements" title="en/HTML/Block-level_elements">block-level</a></li> <li>Allowed content: <a href="/en/HTML/Block-level_elements" title="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" title="en/CSS">CSS</a> <a href="/en/CSS/margin" title="en/CSS/margin">margin</a> property.</p>
<p>For short quotes use <a href="/en/HTML/Element/q" title="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" title="en/HTML/Element/q">HTML Quotation element</a></li> <li><a href="/en/HTML/Element/cite" title="en/HTML/Element/cite">HTML Citation element</a></li> <li><a href="/en/HTML/Element/p" title="en/HTML/Element/p">HTML Paragraph element</a></li> <li><a href="/en/HTML/Element/code" title="en/HTML/Element/code">HTML Code element</a></li>
</ul>
<p>{{ HTML:Element_Navigation() }}</p>
<p>{{ languages( { "pl": "pl/HTML/Element/blockquote" } ) }}</p>
Revert to this revision