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
<title>Mřížka různě velkých obrázků</title> <h1>Mřížka různě velkých obrázků</h1> <img src="http://lorempixel.com/200/400/sports/0"> <img src="http://lorempixel.com/500/200/sports/1"> <img src="http://lorempixel.com/600/300/sports/2"> <img src="http://lorempixel.com/500/300/sports/3"> <img src="http://lorempixel.com/500/200/sports/4"> <img src="http://lorempixel.com/200/400/sports/5"> <img src="http://lorempixel.com/300/300/sports/6"> <img src="http://lorempixel.com/500/200/sports/7"> <img src="http://lorempixel.com/400/400/sports/8"> <img src="http://lorempixel.com/300/100/sports/9"> <img src="http://lorempixel.com/500/300/sports/10">
HTML
Autoformát
Standardní režim
Mobilní zobrazení
img { float: left; height: 200px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>