Pregled mogućnosti HTML5 jezika

Novi strukturni i semantički elementi

<!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;">
Vesti <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)