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> <div id=obal> <table class=modra border=1 frame=above rules=all> <thead><tr><td><h2>Obrázek dne</h2><td><h2>Informace</h2> <tbody><tr> <td> <img src="http://www.jakpsatweb.cz/images/jakpw.gif"><br> název<br> podrobnosti<br> jméno <td> <table> <tr><td>První řádek:<td>text <tr><td>Druhý řádek:<td>text <tr><td>Třetí řádek:<td>text <tr><td colspan=2><a href="#">více informací</a> </table> </table> <table class=modra border=1 frame=above rules=all> <thead><tr><td><h2>Obrázek dne</h2><td><h2>Informace</h2> <tbody><tr> <td> <img src="http://www.jakpsatweb.cz/images/jakpw.gif"><br> název<br> podrobnosti<br> jméno <td> <table> <tr><td>První řádek:<td>text <tr><td>Druhý řádek:<td>text <tr><td>Třetí řádek:<td>text <tr><td colspan=2><a href="#">více informací</a> </table> <p><br><p><br><p><br>Delší pravý sloupeček. </table> <table class=modra border=1 frame=above rules=all> <thead><tr><td><h2>Obrázek dne</h2><td><h2>Informace</h2> <tbody><tr> <td> <img src="http://www.jakpsatweb.cz/images/jakpw.gif" width=131 height=176><br> název<br> podrobnosti<br> jméno <td> <table> <tr><td>První řádek:<td>text <tr><td>Druhý řádek:<td>text <tr><td>Třetí řádek:<td>text <tr><td colspan=2><a href="#">více informací</a> </table> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#obal { font: 80% tahoma,arial,verdana,sans-serif; width: 1024px; margin: auto; } .modra { width: 100%; table-layout: fixed; text-align: center; margin: 1em auto 2em; } .modra, .modra td { border-color: #332af7; } .modra td { width: 50%; } .modra tbody td { background: #ddd; padding: 0.9em 0.1em; } .modra table tbody td { padding: 0.1em; } .modra thead h2 { border-bottom: 2px solid blue; font-size: 1em; margin: 0; } .modra thead td { font-weight: bold; padding: 0; } .modra table { margin: auto; } .modra a { color: #00549e; text-decoration:none; } .modra a:hover { text-decoration: underline; }.modra tbody img { background: white; box-shadow: 2px 2px 4px gray; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>