10 - HTML - tabellen

• ICT
• MBO
• Studiejaar 1-4

Tabellen in HTML

Lesdoel

Aan het einde van de les zul je in staat zijn om tabellen in HTML te maken en te begrijpen hoe ze worden gebruikt in webdesign.

Wat weet je al over het gebruik van tabellen in HTML?

Wat zijn HTML-tabellen?

HTML-tabellen worden gebruikt om gegevens in rijen en kolommen weer te geven, zoals in een rooster. Ze worden vaak gebruikt om gegevens te organiseren en weer te geven op websites.

Elementen van een HTML-tabel

<table border="1">

    <tr>

        <th>Naam</th>

        <th>Leeftijd</th>

    </tr>

    <tr>

        <td>Anna</td>

        <td>25</td>

    </tr>

    <tr>

        <td>Peter</td>

        <td>30</td>

    </tr>

</table>

Een HTML-tabel bestaat uit de <table> tag voor het definiëren van de tabel, 

<tr> tag voor rijen en 

<td> tag voor cellen.

De <th> tag wordt gebruikt voor koppen in de tabel.

Elementen van een HTML-tabel

<table border="1">

    <tr>

        <th>Naam</th>

        <th>Leeftijd</th>

    </tr>

    <tr>

        <td>Anna</td>

        <td>25</td>

    </tr>

    <tr>

        <td>Peter</td>

        <td>30</td>

    </tr>

</table>

Een HTML-tabel bestaat uit de <table> tag voor het definiëren van de tabel, 

<tr> tag voor rijen en 

<td> tag voor cellen.

De <th> tag wordt gebruikt voor koppen in de tabel.

Toepassingen van HTML-tabellen

HTML-tabellen worden gebruikt voor het weergeven van gegevens, zoals prijzen, planningen, vergelijkingstabellen en meer. Ze kunnen ook worden gebruikt voor het maken van lay-outs, hoewel dit minder gebruikelijk is geworden met de introductie van CSS-frameworks.

Oefening

Samenvatting

Vandaag hebben we geleerd hoe we tabellen in HTML kunnen maken, de elementen van een HTML-tabel, hoe tabellen opgemaakt kunnen worden met CSS en enkele toepassingen van HTML-tabellen in webdesign.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.