Formatting elements

h1 - h6 (this is an h2 element)

This is h1

This is h3

This is h4

This is h5

This is h6

em

This text is emphasized

strong

This text is important

small

This text is small

s

~~This text is no longer relevant~~

cite

Rowling, J.K.. Harry Potter and the Sorcerers Stone. New York: Scholastic, 1997. Print.

q

Be yourself; everyone else is already taken - Oscar Wild

dfn (no title)

XML was designed to describe data.

dfn (with title)

XML (Hover here to see tooltip) was designed to describe data.

dfn (with abbr element)

XML (Hover here to see tooltip) was designed to describe data.

abbr

J2EE (Hover here to see tooltip) provides an API and runtime environment for developing and running enterprise software

data

Angie Nguyen
Charles Cruz
Edward Chiou
Jiajie Duan
Wai Ho Leunge

time

CSE 134B is on Mondays and Wednesdays from 17:00 PM to 18:20 PM.

time (with datetime attribute)

This assignment is due on Monday.

code

System.out.println("Hello World!")

ins (with no attributes)

It is currently: Spring quarter

ins (with datetime attribute)

It is currenty: Spring quarter

ins (with cite attribute)

It is currently: Spring quarter

del

It is currently: ~~Winter quarter~~ Spring quarter

del (with datetime attribute)

It is currenty: ~~Winter quarter~~ Spring quarter

del (with cite attribute)

It is currently: ~~Winter quarter~~ Spring quarter

kbd

This is keyboard input

var

This is a variable element

samp

This is sample output

blockquote (no attributes)

"When game is going full retard, you can only go with it. If you start going against it, if you start going half retard, you're done for."

blockquote (with cite attribute)

"When game is going full retard, you can only go with it. If you start going against it, if you start going half retard, you're done for."

Code

<h2>Formatting elements</h2>
        <section>
            <h2>h2 - h6</h2>
            <h1>This is the most important heading</h1>
            <h2>This is the 2nd most important heading</h2>
            <h2>This is the 3rd most important heading</h2>
            <h4>This is the 4th most important heading</h4>
            <h5>This is the 5th most important heading</h5>
            <h6>This is the least most important heading</h6>
        </section>
        <section>
            <h2>em</h2>
            <p><em>This text is emphasized</em></p>
        </section>
        <section>
            <h2>strong</h2>
            <p><strong>This text is important</strong></p>
        </section>
        <section>
            <h2>small</h2>
            <p><small>This text is small</small></p>
        </section>
        <section>
            <h2>s</h2>
            <p>
                <s>This text is no longer relevant</s>
            </p>
        </section>
        <section>
            <h2>cite</h2>
            <p>
                <cite>Rowling, J.K.. Harry Potter and the Sorcerers Stone.</cite> New York: Scholastic, 1997. Print.
            </p>
        </section>
        <section>
            <h2>q</h2>
            <p>
                <q>Be yourself; everyone else is already taken</q> - Oscar Wild
            </p>
        </section>
        <section>
            <h2>dfn (no title)</h2>
            <p>
                <dfn>XML</dfn> was designed to describe data.
            </p>
            <h2>dfn (with title)</h2>
            <p>
                <dfn title="EXtensible Markup Language">XML (Hover here to see tooltip)</dfn> was designed to describe data.
            </p>
            <h2>dfn (with abbr element)</h2>
            <p>
                <dfn>
                    <abbr title="EXtensible Markup Language">XML (Hover here to see tooltip)</abbr>
                </dfn> was designed to describe data.
            </p>
        </section>
        <section>
            <h2>abbr</h2>
            <p>
                <abbr title="JavaEE">J2EE (Hover here to see tooltip)</abbr> provides an API and runtime environment for developing and running enterprise software
            </p>
        </section>
        <section>
            <h2>data</h2>
            <ul>
                <li>
                    <data value="0">Angie Nguyen</data>
                </li>
                <li>
                    <data value="1">Charles Cruz</data>
                </li>
                <li>
                    <data value="2">Edward Chiou</data>
                </li>
                <li>
                    <data value="3">Jiajie Duan</data>
                </li>
                <li>
                    <data value="4">Wai Ho Leunge</data>
                </li>
            </ul>
        </section>
        <section>
            <h2>time</h2>
            <p>
                CSE 134B is on Mondays and Wednesdays from
                <time>17:00</time> PM to
                <time>18:20</time> PM.
            </p>
            <h2>time (with datetime attribute)</h2>
            <p>
                This assignment is due on
                <time datetime="2015-04-20 17:00">Monday</time>.
            </p>
        </section>
        <section>
            <h2>code</h2>
            <p><code>System.out.println("Hello World!")</code></p>
        </section>
        <section>
            <h2>ins (with no attributes)</h2>
            <p>
                It is currently:
                <ins>Spring quarter</ins>
            </p>
            <h2>ins (with datetime attribute)</h2>
            <p>
                It is currenty:
                <ins datetime="2015-04-19">Spring quarter</ins>
            </p>
            <h2>ins (with cite attribute)</h2>
            <p>
                It is currently:
                <ins cite="style.html">Spring quarter</ins>
            </p>
        </section>
        <section>
            <h2>del</h2>
            <p>
                It is currently:
                <del>Winter quarter</del>
                <ins>Spring quarter</ins>
            </p>
            <h2>del (with datetime attribute)</h2>
            <p>
                It is currenty:
                <del datetime="2015-04-19">Winter quarter</del>
                <ins datetime="2015-04-19">Spring quarter</ins>
            </p>
            <h2>del (with cite attribute)</h2>
            <p>
                It is currently:
                <del cite="style.html">Winter quarter</del>
                <ins cite="style.html">Spring quarter</ins>
            </p>
        </section>
        <section>
            <h2>kbd</h2>
            <p>
                <kbd>This is keyboard input</kbd>
            </p>
        </section>
        <section>
            <h2>var</h2>
            <p>
                <var>This is a variable element</var>
            </p>
        </section>
        <section>
            <h2>samp</h2>
            <p>
                <samp>This is sample output</samp>
            </p>
        </section>
        <section>
            <h2>blockquote (no attributes)</h2>
            <blockquote>
                "When game is going full retard, you can only go with it. If you start going against it, if you start going half retard, you're done for."
            </blockquote>
            <h2>blockquote (with cite attribute)</h2>
            <blockquote cite="http://www.reddit.com/r/DotA2/comments/1w6tst/fnatic_n0tail_shadow_shaman_goes_full_davai_in_a/cez8ffi">"When game is going full retard, you can only go with it. If you start going against it, if you start going half retard, you're done for."
            </blockquote>
            </section>