Quick Reference: Block-Level versus Inline

Remember, Element is just another word for Tag.

The information below is not meant to be exhaustive, or to substitute for use of a good HTML5 online reference, HTML5 book, or BBEdit's syntax check.

The Overall Rules:

  1. Block-level tags can contain Inline tags.
  2. The reverse is not true -- inline tags cannot contain block-level tags.
  3. Many block-level elements can contain other block-level elements.

Some Block-level Tags:

<p> </p>
<h1> </h1>
  down to...
<h6> </h6>
<blockquote> </blockquote>
<hr>
<pre> </pre>
<div> </div>
lists
tables

Some Inline Tags:

<br>
<b> </b>
<i> </i>
<u> </u>
<a href=""> </a> 
<img src="" alt="" width="" height="">
<sub> </sub>
<sup> </sup>
<span> </span>