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> <title>Merch</title> <link rel="stylesheet" href="merch.css"type="text/css"> <body> <style> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; font-family: Verdana, Geneva, Tahoma, sans-serif; } li { float: left; } li a { display: block; padding: 8px; background-color: #33f3e3; } </style> <ul> <li><a href="....html">.</a></li> <li><a href="....html">.</a></li> <li><a href="...html">.</a></li> <li><a href="merch.html">.</a></li> <li><a href="...html">.</a></li> </ul> <body> <br> <br> <style> .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); max-width: 330px; text-align: center; font-family: arial; } .price { color: grey; font-size: 20px; } .card button { border: none; outline: 0; padding: 12px; color: white; background-color: #000; text-align: center; cursor: pointer; width: 100%; font-size: 18px; } .card button:hover { opacity: 0.7; } </style> </body> <body> <div class="card"> <img src="cestakobrázku" alt="5" style="width:100%"> <h1>tričko</h1> <p class="price">519.90 Kč / $19.99</p> <p><button>Přidat do košíku</button></p> <img src="cestakobrázku" alt="4" style="width:100%"> <h1>kraťasy</h1> <p class="price">100 Kč / 3$</p> <p><button>Přidat do košíku</button></p> </div> </body> </head> </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>