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> <head> <title>webovka</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="" type="text/css"/> </head> <body bgcolor= "black"> <div class= "obal"> obal </div> <div class= "titulky"> titulky </div> <div class= "logo"> logo </div> <div class= "video"> video </div> <div class= "hlavni"> hlavni </div> <div class= "zeď"> zeď </div> <!--vysouvaci menu--> </body> <style> <!--CSS--> .obal { width: 300px; height: 370px; border: 2px solid black; margin: auto; } .titulky { width: 300px; height: 50px; border: 1px solid purple; margin: auto; position: absolute; bottom: 10px; background-color: black; box-shadow: purple 0px 1px 15px 1px; color: purple; } .logo { width: 270px; height: 50px; border: 1px solid green; margin: auto; position: absolute; top: 20px; left: 23px; background-color: black; box-shadow: lime 0px 1px 15px 1px; color: lime; } .video { width: 100px; height: 100px; border: 1px solid red; margin: autoplay; position: absolute; top: 100px; right: 23px; background-color: black; box-shadow: red 0px 1px 15px 1px; color: red; } .hlavni { width: 147px; height: 100px; border: 1px solid blue; margin: auto; position: absolute; top: 100px; left: 23px; background-color: black; box-shadow: blue 0px 1px 15px 1px; color: blue } .zeď { width: 270px; height: 120px; border: 1px solid gold; margin: auto; position: absolute; bottom: 100px; left: 23px; background-color: black; box-shadow: gold 0px 1px 15px 1px; color: gold; } </style> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>