Šířka tabulky

<!DOCTYPE html>
<html lang="cs">
    <head>
	<title>Výuka html.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
    </head>
    <body>
        <table style="width:1000px"> (1)
        <tr>
            <th>Jméno</th>
            <th>Příjmení</th>
            <th>Věk</th>
        </tr>
        <tr>
            <td>Josef</td>
            <td>Novák</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Karel</td>
            <td>Procházka</td>
            <td>24</td>
        </tr>
        <tr>
            <td>Jiří</td>
            <td>Drahokoupil</td>
            <td>38</td>
        </tr>
        </table>
    </body>
</html>
1 Šířka tabulky 1000 pixelů absolutně (nezávisle na čemkoli).

Výsledek tabulka10.html

Tabulka s šířkou sloupce

<!DOCTYPE html>
<html lang="cs">
    <head>
	<title>Výuka html.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
    </head>
    <body>
        <table style="width:1000px">
        <tr>
            <th>Jméno</th>
            <th style="width:40%;background-color:#96d4d4">Příjmení</th> (1)
            <th>Věk</th>
        </tr>
        <tr>
            <td>Josef</td>
            <td style="width:40%;background-color:#96a0a0">Novák</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Karel</td>
            <td style="width:40%;background-color:#96a0a0">Procházka</td>
            <td>24</td>
        </tr>
        <tr>
            <td>Jiří</td>
            <td style="width:40%;background-color:#96a0a0">Drahokoupil</td>
            <td>38</td>
        </tr>
        </table>
    </body>
</html>
1 Šířka prvního sloupce je nastavena na 40% šířky tabulky. Tabulka je široká 1000 pixelů, skutečná šířka sloupce bude 400 pixelů. (background-color je jenom k zvýraznění, nesouvisí nijak se šířkou sloupce).

Výsledek tabulka11.html

Tabulka s výškou řádku

<!DOCTYPE html>
<html lang="cs">
    <head>
	<title>Výuka html.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
    </head>
    <body>
        <table style="width:1000px">
        <tr>
            <th>Jméno</th>
            <th>Příjmení</th>
            <th>Věk</th>
        </tr>
        <tr  style="height:200px;background-color:#96d4d4"> (1)
            <td>Josef</td>
            <td>Novák</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Karel</td>
            <td>Procházka</td>
            <td>24</td>
        </tr>
        <tr>
            <td>Jiří</td>
            <td>Drahokoupil</td>
            <td>38</td>
        </tr>
        </table>
    </body>
</html>
1 Výška druhého řádku nastavena na 200 pixelů absolutně.

Výsledek tabulka12.html