HTML Text Level Markup Guide

<ul>
    <li>
        <abbr title="Cascading Style Sheets">
            CSS</abbr>
        (an abbreviation; <code>abbr</code> markup used)</li>
    <li><acronym title="radio detecting and ranging">radar</acronym> (an acronym; <code>
        acronym</code> markup used)</li>
    <li><cite>Origin of Species</cite> (a book title; <code>cite</code> markup used)</li>
    <li><code>a[i] = b[i] + c[i);</code> (computer code; <code>code</code> markup used)</li>
    <li>an <dfn>octet</dfn> is an entity consisting of eight bits (<code>dfn</code> markup
        used for the term being defined)</li>
    <li>this is <em>very</em> simple (<code>em</code> markup used for emphasizing a word)</li>
    <li>type <kbd>yes</kbd> when prompted for an answer (<code>kbd</code> markup used for
        text indicating keyboard input)</li>
    <li><q>Hello!</q> (<code>q</code> markup used for quotation)</li>
    <li>He said: <q>She said <q>Hello!</q></q> (a quotation inside a quotation)</li>
    <li>you may get the message
        <samp>
            Core dumped</samp>
        at times (<code>samp</code> markup used for sample output)</li>
    <li><strong>this is highlighted text</strong> (<code>strong</code> markup used)</li>
    <li><tt>text in monospace font</tt> (<code>tt</code> markup used)</li>
    <li>the command <code>cat</code>
        <var>
            filename</var>
        displays the file specified by the
        <var>
            filename</var>
        (<code>var</code> markup used to indicate a word as a variable).</li>
    <li>In order to test how subscripts and superscripts (<code>sub</code> and <code>sup</code>
        markup) work inside running text, we need some dummy text around constructs like
        x<sub>1</sub> and H<sub>2</sub>O (where subscripts occur). So here is some fill
        so that you will (hopefully) see whether and how badly the subscripts and superscripts
        mess up vertical spacing between lines. Now superscripts: M<sup>lle</sup>, 1<sup>st</sup>,
        and then some mathematical notations: e<sup>x</sup>, sin<sup>2</sup> <i>x</i>, and
        some nested superscripts (exponents) too: Lorem ipsum dolor sit amet, consectetuer
        adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
        aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
        ullamcorper suscipit lobortis nisl ut aliquip ex ea euismod tincidunt ut laoreet
        dolore magna aliquam erat volutpat. </li>
</ul>
<p>Some of the elements tested above are typically displayed in a monospace font,
often using the <em>same</em> presentation for all of them. This tests whether that
is the case on your browser:</p>
<ul>
    <li><code>This is sample text inside code markup</code></li>
    <li><kbd>This is sample text inside kbd markup</kbd></li>
    <li>
        <samp>
            This is sample text inside samp markup</samp></li>
    <li><tt>This is sample text inside tt markup</tt></li>
</ul>