80 lines
1.6 KiB
HTML
80 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="tabulky.css" />
|
|
<title>Tabulky</title>
|
|
</head>
|
|
<body>
|
|
<h2>Jednoduchá tabulka s použitím css</h2>
|
|
<table>
|
|
<tr>
|
|
<td>začátek</td>
|
|
<td>prostředek</td>
|
|
<td>konec</td>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>2</td>
|
|
<td>3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Start</td>
|
|
<td>Bolest</td>
|
|
<td>Výtěztví</td>
|
|
</tr>
|
|
</table>
|
|
<h2>Tabulka s výrazněným řádkem pomocí tagu th</h2>
|
|
<table>
|
|
<tr>
|
|
<th>Jméno</th>
|
|
<th>Bydlište</th>
|
|
<th>Věk</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Pažout Novák</td>
|
|
<td>Praha</td>
|
|
<td>99</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tomáš Kopřiva</td>
|
|
<td>Brno</td>
|
|
<td>68</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Oldřich Běhal</td>
|
|
<td>Liberec</td>
|
|
<td>48</td>
|
|
</tr>
|
|
</table>
|
|
<h2>Tabulka s nadpisem</h2>
|
|
<table>
|
|
<caption>
|
|
Borci největší
|
|
</caption>
|
|
<tr>
|
|
<th>Jméno</th>
|
|
<th>Bydlište</th>
|
|
<th>Věk</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Pažout Novák</td>
|
|
<td>Praha</td>
|
|
<td>99</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tomáš Kopřiva</td>
|
|
<td>Brno</td>
|
|
<td>68</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Oldřich Běhal</td>
|
|
<td>Liberec</td>
|
|
<td>48</td>
|
|
</tr>
|
|
</table>
|
|
<a class="tlacitko" href="/index.html">Zpět na začátek</a>
|
|
</body>
|
|
</html>
|