HTML code examples

This are quick examples on how to use tags:

Header helps to create the outline of the document flow within the page:

<header><h1>Title goes here</h1><h2>And subtitle...</h2></header>

Nav defines the area where links for the page are:

<nav><ahref="/home/">Home</a> |
    <ahref="/blog/">Blog</a> |
    <ahref="/about/">About</a> |
    <ahref="/contact/">Contact</a> |

Article creates a meaningful section for stories, also useful for syndication:

<article><h1>Article</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu diam magna...</p></article>

Figure defines graphic elements in the document, and with the help of optional figcaption to create captions:

<figure><imgsrc="funnycat.jpg"alt="I love cats."><figcaption>Cat playing with toy</figcaption></figure>

Section is a generic section inside of the document, with it's own structure:

<section><h1>Section</h1><p>...angam maid ue essidnepsuS .tile gnicsipida rutetcesnoc ,tema tis rolod muspi meroL</p></section>

Aside is a section considered related but not part of the main content, like side notes or archives:

<aside><h1>Archives</h1><ul><li>October 2011</li><li>September 2011</li><li>...</li></ul></aside>

Footer represents an ending message, usually copyright or contact information:

<footer>Foobar Inc </footer>
For more complete information about compiler optimizations, see our Optimization Notice.