<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Primer strukture </title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<hgroup>
<span style="color:red;font-style:italic;">
<h1>
Primer </h1>
</span>
<figure>
<img src="html5.jpg" width="170" height="128" />
</figure>
<h2>
Struktura </h2>
</hgroup>
</header>
<nav>
<ul>
<li>
<a href="#" >
Početna </a>
</li>
<li>
<a href="#">
HTML5 </a>
</li>
</ul>
</nav>
<section>
<article>
<aside style="font-size:larger;font-style:italic;color:blue;float:right;width:200px;">
<p>
Ovde ide tekst vesti </p>
</aside>
<header>
<h1>
Naslov članka </h1>
</header>
<p>
Ovde ide sadržaj </p>
<footer>
© 2014. - Ime i prezime autora
</footer>
</article>
<article>
<header>
<h1>
Naslov drugog članka </h1>
</header>
<p>
Sadržaj drugog članka </p>
<footer>
© 2014. - Ime i prezime autora
</footer>
</article>
</section>
<footer style="text-align:center; color:red;">
© 2014 - Kontakt - All rights reserved </footer>
Prethodna strana               Sledeća strana (realizacija koda)