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 lang='cs'> <head> <link rel="stylesheet" href="styl.css" type="text/css" /> <title>Game World</title> <meta charset='utf-8'> <meta name='description' content=''> <meta name='keywords' content='Hry, Elektronika'> <meta name='author' content='Game World Entertaiment'> <meta name='robots' content='all'> <!-- <meta http-equiv='X-UA-Compatible' content='IE=edge'> --> <link href='image/favicon.png' rel='shortcut icon' type='image/png'> </head> <body> <header> <a href="index.html"><H1>Ukázka</H1></a> <div class="cistic"></div> </header> <nav> <ul> <li><a href="index.html">Domů</a></li> <div class="cistic"></div> </ul> </nav> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* CSS Document */ header { padding-left: 40px; } header a { text-decoration: none; color: black;} header a:hover { color: #595859;} /* Navigační menu */ nav ul { margin: 0px; list-style-type: none; } nav ul li { float: left; padding: 0px 25px; margin: 0 5px; font-size: 17px; height: 50px; line-height: 2.9em; } nav a { color: white; text-decoration: none; } nav ul li:hover, .aktivni { background: #ffbb00; box-shadow: 0px 0px 5px black; } nav { background: #1B1B1C; z-index: 3; } .cistic { clear: both;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>