Labels

HTML5 Samples 


<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>Title</title>

    <link href="css/html5reset.css" rel="stylesheet" />

    <link href="css/style.css" rel="stylesheet" />

</head>

<body>

    <header>

        <hgroup>

            <h1>Header in h1</h1>

            <h2>Subheader in h2</h2>

        </hgroup>

    </header>

    <nav>

        <ul>

            <li><a href="#">Menu Option 1</a></li>

            <li><a href="#">Menu Option 2</a></li>

            <li><a href="#">Menu Option 3</a></li>

        </ul>

    </nav>

    <section>

        <article>

            <header>

                <h1>Article #1</h1>

            </header>

            <section>

                This is the first article.  This is <mark>highlighted</mark>.

            </section>

        </article>

        <article>

            <header>

                <h1>Article #2</h1>

            </header>

            <section>

                This is the second article.  These articles could be blog posts, etc. 

            </section>

        </article>

    </section>

    <aside>

        <section>

            <h1>Links</h1>

            <ul>

                <li><a href="#">Link 1</a></li>

                <li><a href="#">Link 2</a></li>

                <li><a href="#">Link 3</a></li>

            </ul>

        </section>

        <figure>

            <img width="85" height="85"

                src="http://www.windowsdevbootcamp.com/Images/JennMar.jpg"

                alt="Jennifer Marsman" />

            <figcaption>Jennifer Marsman</figcaption>

        </figure>

    </aside>

    <footer>Footer - Copyright 2011</footer>

</body>

</html>
Expected output (only if your browser supports):
Description: image
Labels:

Comments

Post a Comment

Popular Posts