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