IoT-Gadgets-Logo-272-90

HTML Code Examples

By
Ash
 - 
Nov 19, 2011

 
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><a href="/home/">Home</a> |
<a href="/blog/">Blog</a> |
<a href="/about/">About</a> |
<a href="/contact/">Contact</a> |
</nav>

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 contained in the document, and with the help of optional figcaption to create captions:

<figure>
<img src="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>

 

Source Intel AppUp(SM) Developer Program

IoT-Gadgets-Logo-272-90

About us

IoT Gadgets is dedicated to bring you all the Internet of Things IoT news that pertains to gadgets. Simple. We love for you to join us on this journey.

Contact us: [email protected]

FOLLOW US

crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram