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
<div id="top"> <header class="myheader"> <h1 title="MyName"><a href="index.html" title="MyName">MyName</a></h1> </header> <nav class="mynavigation"> <ul class= "navmenu"> <li> <a href="index.html" title="Work">Work</a> </li> <li> <a href="index.html" title="Info">Info</a> </li> <li> <a href="index.html" title="Uni">Uni</a> </li> <li> <a href="index.html" title="Contact">Contact</a> </li> </ul> </nav> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { font-family: Georgia, "New York CE", utopia, serif; } #top h1 { text-align:center; font-size: 2.8em; margin: 150px 0 0 0; } ul.navmenu { text-align: center; font-size: 1em; padding: 0; margin: 4px auto; } .navmenu li { display: inline; font-size: 1.1em; } .navmenu li a { padding: 3px 10px } a:link{ color:#2e2e2e; background-color:transparent; text-decoration: none; } a:visited{ color: #2e2e2e; background-color: transparent; text-decoration: none; } a:active{ color: #2e2e2e; background-color: transparent; text-decoration: none; } a:hover{ color:#cc0000; background-color: transparent; text-decoration: none; } a:focus{ color: #2e2e2e; background-color: transparent; text-decoration: none; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>