Pro HTML5 and CSS3 Design Patterns

CHAPTER 2 HTML DESIGN PATTERNS

Inline Elements

HTML

<h1>Inline Elements</h1>

<h2>Italicized</h2>

<code><em> </code> <em>emphasized</em> <br />

<code><cite> </code> <cite>citation</cite> <br />

<code><var> </code> <var>computer variable</var> <br />

<code><dfn> </code> <dfn>definition</dfn> <br />

<h2>Bold</h2>

<code><strong> </code> <strong>strongly emphasized</strong> <br />

<h2>Monospace</h2>

<code><code> </code> <code>computer code</code> <br />

<code><kbd> </code> <kbd>key press</kbd> <br />

<code><samp> </code> <samp>sample computer output</samp> <br />

<h2>Underlined</h2>

<code><a> </code> <a href="#">a</a> <br />

<code><abbr> </code> <abbr title="a" >abbreviation</abbr> <br />

<h2>Vertical-aligned</h2>

<code><sup> </code> superscript<sup>1</sup> <br />

<code><sub> </code> subscript<sub>1</sub> <br />