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
<!-- Záhlaví --> <header> <div class="zahlavi"> </div> </header> <div class="obal nastred"> <!-- Navigace --> <nav> <div class="menu"> </div> </nav> <!-- podobal --> <div class="podobal"> <!-- Hlavní --> <aside> <div class="podmenu"> </div> </aside> <section> <div class="streva"> </div> </section> </div> </div> <!-- Zápatí --> <footer> <div class="zapati"> </div> </footer>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: yellow; } .nastred { width: 1020px; margin: 0 auto; } .zahlavi { float: left; width: 100%; background: red; } .obal { float: left; width: 100%; } .menu { float: left; width: 125px; } .podobal { float: right; } .zapati { float: left; width: 100%; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>