Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

10 - HTML - tabellen

Tabellen in HTML
1 / 10
next
Slide 1: Slide
ICTMBOStudiejaar 1-4

This lesson contains 10 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

Tabellen in HTML

Slide 1 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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

Slide 3 - Mind map

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

Oefening

Slide 8 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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

Slide 10 - Open question

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.