Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="webdata/css/style.css"> <title>Animace</title> </head> <body> <div id="animation"> <header> <h1>Animace</h1> </header> <nav> <a href="#">Home</a> <a href="#">Contact</a> </nav> <div id="content"> <p>Dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text</p> </div> <footer> <p>© Copyright 2014, Michal Sebek</p> </footer> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { height: 100%; } body { margin: 0; padding: 0; background-color: #AAA; } #animation { min-height: 100%; position: relative; } header { float: left; } nav { float: right; padding: 20px; } nav a { text-transform: uppercase; color: #000; text-decoration: none; padding: 0 5px 0; } nav a+a { border-left: 1px solid; } nav a:hover { text-decoration: underline; } #content { clear: both; padding: 5px; margin-bottom: 30px; } footer { position: absolute; bottom: 0px; padding: 5px; margin-bottom: -30px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>