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-cz"> <head> <meta charset="utf-8" /> <title>Moje stranka</title> <link rel="stylesheet" type="text/css" href="styly.css"/> </head> <body> <div id="box"> <div id="header"><h1>Vitejte na mem prvnim webu</h1> </div> <div id="menu"><a href="http://www.seznam.cz/">odkaz1</a> <a href="http://www.seznam.cz/">odkaz2</a> <a href="http://www.seznam.cz/">odkaz3</a> <a href="http://www.seznam.cz/">odkaz4</a> </div> <div id="leve_menu"> <ul> <li>Polozka1</li> <li>Polozka2</li> <li>Polozka3</li> </ul> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
h1 { margin: 0; /* Vonkajší okraj spôsobuje odsadenie, takže ho vynulujeme. O príčine si môžeš prečítať v článku, kam ťa odkázal juriad. */ padding: 1em 0; /* Padding ale nijako neprekáža, tak medzeru, ktorú sme zvonku odstránili pridáme do vnútra. */ } /* CSS Document */ html,body { padding:0; margin:0; } #box { width:960px; margin: auto; overflow:auto; } #header { width:100%; height:200px; background:#CC9900; margin:0px; } #menu { width:100%; height:30px; background:#660099; padding-top:15px; } a { color:red; padding:15px; } #leve_menu { width:200px; background:#faf0e6; height:300px; padding-top:15px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>