Jakob Lierman Webapplicaties I
Hoofdstuk 6
Tabellen
Tabellen worden gebruikt om gegeven in tabelvorm weer te geven.
= rechthoekig raster van rijen en kolommen. Waar kolommen en rijen elkaar kruisen krijgt men
cellen. Elke cel kan informatie bevatten: tekst, getallen, koppelingen, afbeelding, …
HTML
Tag:
<table>
<!--hier komt de rest van de tabel-->
</table>
Rijen declareren met een tr-tag <tr> en binnen deze cellen declareren met een th-tag <th> of een td-
tag <td>.
Tabellen worden dus rij per rij opgebouwd.
Voorbeeld:
<table>
<tr>
<th>Language</th><th>Acronym</th><th>Purpose</th>
</tr>
<tr>
<td>Cascading Style
Sheets</td><td>CSS</td><td>Presentation</td>
</tr>
<tr>
<td>Hypertext Markup
Language</td><td>HTML</td><td>Structure</td>
</tr>
<tr>
<td>JavaScript</td><td>JS</td><td>Behavior</td>
</tr>
</table>
Kenmerken
- Binnen elke cel loopt tekst automatisch door naar de volgende regel als de tekst te lang
wordt binnen cel.
- De meeste tags zoals <strong>, <em>, <hr>, <img>, <a>, enz… kan je gebruiken binnen een
cel.
- Standaardopmaak
o <th>: hoofding voor een rij en kolom: inhoud staat standaard gecentreerd en vetjes.
o <td>: gewone cellen: inhoud staat links gealigneerd.
- Binnen een cel kan je een nieuwe tabel beginnen: geneste tabellen
1
Hoofdstuk 6
Tabellen
Tabellen worden gebruikt om gegeven in tabelvorm weer te geven.
= rechthoekig raster van rijen en kolommen. Waar kolommen en rijen elkaar kruisen krijgt men
cellen. Elke cel kan informatie bevatten: tekst, getallen, koppelingen, afbeelding, …
HTML
Tag:
<table>
<!--hier komt de rest van de tabel-->
</table>
Rijen declareren met een tr-tag <tr> en binnen deze cellen declareren met een th-tag <th> of een td-
tag <td>.
Tabellen worden dus rij per rij opgebouwd.
Voorbeeld:
<table>
<tr>
<th>Language</th><th>Acronym</th><th>Purpose</th>
</tr>
<tr>
<td>Cascading Style
Sheets</td><td>CSS</td><td>Presentation</td>
</tr>
<tr>
<td>Hypertext Markup
Language</td><td>HTML</td><td>Structure</td>
</tr>
<tr>
<td>JavaScript</td><td>JS</td><td>Behavior</td>
</tr>
</table>
Kenmerken
- Binnen elke cel loopt tekst automatisch door naar de volgende regel als de tekst te lang
wordt binnen cel.
- De meeste tags zoals <strong>, <em>, <hr>, <img>, <a>, enz… kan je gebruiken binnen een
cel.
- Standaardopmaak
o <th>: hoofding voor een rij en kolom: inhoud staat standaard gecentreerd en vetjes.
o <td>: gewone cellen: inhoud staat links gealigneerd.
- Binnen een cel kan je een nieuwe tabel beginnen: geneste tabellen
1