Block-level elements

  • Revision slug: HTML/Block-level_elements
  • Revision title: Block-level elements
  • Revision id: 80032
  • Created:
  • Creator: sorinelpusti
  • Is current revision? No
  • Comment no wording changes

Revision Content

Summary

Block-level elements may apper only in body. Differences between inline and block-level elements:

Content model
Generally, block-level elements may contain inline elements and other block-level elements. Inherent in this structural distinction is the idea that block elements create "larger" structures than inline elements.
Formatting
By default, block-level elements begin on new lines.

Elements

Below elements are "block-level":

See also

{{ languages( { "ja": "ja/HTML/Block-level_elements", "pl": "pl/HTML/Elementy_blokowe" } ) }}

Revision Source

<h3 name="Summary"> Summary </h3>
<p>Block-level elements may apper only in <a href="en/HTML/Element/body">body</a>. Differences between inline and block-level elements:
</p>
<dl><dt>Content model</dt><dd> Generally, block-level elements may contain inline elements and other block-level elements. Inherent in this structural distinction is the idea that block elements create "larger" structures than inline elements.
</dd><dt>Formatting</dt><dd> By default, block-level elements begin on new lines.
</dd></dl>
<h3 name="Elements"> Elements </h3>
<p>Below elements are "block-level":
</p>
<ul><li> <a href="en/HTML/Element/p">p</a>
</li><li> <a href="en/HTML/Element/h1%2ch2%2ch3%2ch4%2ch5%2ch6">h1, h2, h3, h4, h5, h6</a>
</li><li> <a href="en/HTML/Element/ol">ol</a>, <a href="en/HTML/Element/ul">ul</a>
</li><li> <a href="en/HTML/Element/pre">pre</a>
</li><li> <a href="en/HTML/Element/address">address</a>
</li><li> <a href="en/HTML/Element/blockquote">blockquote</a>
</li><li> <a href="en/HTML/Element/dl">dl</a>
</li><li> <a href="en/HTML/Element/div">div</a>
</li><li> <a href="en/HTML/Element/fieldset">fieldset</a>
</li><li> <a href="en/HTML/Element/form">form</a>
</li><li> <a href="en/HTML/Element/hr">hr</a>
</li><li> <a href="en/HTML/Element/noscript">noscript</a>
</li><li> <a href="en/HTML/Element/table">table</a>
</li></ul>
<h3 name="See_also">See also</h3>
<ul> <li><a href="/en/HTML/Inline_elements" title="en/HTML/Inline_elements">Inline elements</a></li>
</ul>

<p>{{ languages( { "ja": "ja/HTML/Block-level_elements", "pl": "pl/HTML/Elementy_blokowe" } ) }}</p>
Revert to this revision