Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

10 - HTML - tabellen

Tabellen in HTML
1 / 10
volgende
Slide 1: Tekstslide
ICTMBOStudiejaar 1-4

In deze les zitten 10 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

Tabellen in HTML

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 2 - Tekstslide

Deze slide heeft geen instructies

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

Slide 3 - Woordweb

Deze slide heeft geen instructies

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.

Slide 4 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 5 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 6 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Oefening

Slide 8 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 9 - Tekstslide

Deze slide heeft geen instructies

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

Slide 10 - Open vraag

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.