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> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>HTML Basic Layout</title> <link rek="stylesheet" type="text/css" href="css/styly.css"> </head> <body> <div id="conteiner"> <header> <h1>This is Site</h1> </header> <nav> <ul> <li> <a href="#"></a>Menu Item</a></li> <li> <a href="#"></a>Menu Item</a></li> <li> <a href="#"></a>Menu Item</a></li> <li> <a href="#"></a>Menu Item</a></li> <li> <a href="#"></a>Menu Item</a></li> </ul> </nav> <aside> <article> <h3>Sidebar</h3> <p>This is Sidebar content.This is Sidebar content.This is Sidebar content.This is Sidebar content.This is Sidebar content. This is Sidebar content.This is Sidebar content.This is Sidebar content.This is Sidebar content.This is Sidebar content.This is Sidebar content. This is Sidebar content.This is Sidebar content.This is Sidebar content.This is Sidebar content. This is Sidebar content.This is Sidebar content.This is Sidebar content.</p> </article> </aside> <section> <article> <h3> Article title 1 </h3> <p> This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. </p> </article> <hr /> <article> <h3> Article title 1 </h3> <p> This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. This is article 1 content. </p> </article> </section> <footer> <P> copyrightby <a href="#">FreeLancing Care</a></p> </footer> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* CSS Document */ html,body{margin:0; padding:0} h1,h2,h3,h4,h5,h6{margin:0; padding:0} ul{margin:0; padding:0} header,nav,section,article,aside,footer{display:block;overflow:hidden} /* conteiner */ #conteiner { width: 900px; margin: 0 auto; display: block; } /* Top Header */ header { background: #ccc; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>