Cursus HTML - Les 8: Tabellen

Hoe maak ik een tabel in HTML?

Een tabel maak je met de <table>-tag. Een tabel begint dus altijd met <table> en eindigt altijd met </table>. In een tabel heb je altijd rijen en kolommen. Rijen zijn horizontaal, en kolommen verticaal. Je kunt een nieuwe rij in een tabel invoegen met de <tr>-tag (table row). In die rij kun je vervolgens cellen maken met de <td>-tag (table data). Je kunt ook een header (meestal de bovenste rij) invoegen, met de <th>-tag (table header). Ik kan me voorstellen dat je het nu misschien niet meer snapt, daarom is hier een voorbeeldje van een tabel:

<table border="1" cellspacing="0">
    <tr>
        <th>Stofnaam:</th>
        <th>Symbool:</th>
        <th>Smeltpunt (&deg;C):</th>
        <th>Kookpunt (&deg;C):</th>
    </tr>
    <tr>
        <th>Aluminium</th>
        <td>Al</td>
        <td>660,5</td>
        <td>2467</td>
    </tr>
    <tr>
        <th>IJzer</th>
        <td>Fe</td>
        <td>1535</td>
        <td>2750</td>
    </tr>
    <tr>
        <th>Waterstof</th>
        <td>H</td>
        <td>-259,1</td>
        <td>-252,9</td>
    </tr>
</table>

Attributen:

In het voorbeeld hierboven, zag je dat de tabel 2 attributen had: border en cellspacing. Met border kun je instellen hoeveel pixels de randen van de tabel moeten zijn. Standaard staat hij op 0 pixels (dat betekend dus geen rand).

Met cellspacing geef je aan hoeveel pixels iedere cell aan marges heeft.

Je kunt nu ook tabellen maken. In de volgende les leer je hoe je formulieren kunt maken.

⇒ Ga verder met Les 9: Formulieren
← Ga terug naar Les 7: Lijsten
↵ Terug naar de HTML-cursus