|
|
Les 7: Tabellen
In deze les ga ik je leren hoe je een tabel moet maken. Je kunt deze gebruiken voor bijvoorbeeld overzichten.
Een tabel open je met <table> en sluit je met </table>. Eerst gaan we de grootte en kleur van de tabel editten.
Geef na <table een spatie. Tik nu in cellpadding="10" in. Dit betekent dat de grootte van 1 boxje van de tabel 10 moet zijn ( 10 bij 10).
Geef daarachter weer een spatie en tik nu in: bgcolor="#008000" . Dit betekent dat de achtergrondkleur van de tabel #008000 wordt.
Geef daarachter weer een spatie en tik nu in: cellspacing="10" . Dit betekent dat de rand om de tabel heen 10 groot is.
Geef daarachter weer een spatie en tik nu in: border="10" . Dit betekent dat de 3d rand rond de tabel 10 groot moet zijn.
Geef daarachter weer een spatie en tik nu in: nowrap . Dit betekent dat ook al is de tekst van de cel groter dan de cel zelf, de cel vanzelf vergroot wordt.
Hieronder zie je een voorbeeld van wat je net gemaakt hebt:
<table bgcolor="#008000" cellspacing="10" cellpadding="10" border="10">
Nu wil je de hokken in gaan vullen. We hebben nu de tag <table bgcolor="#008000" cellspacing="10" cellpadding="10" border="10"> en </table>. Geef ertussen een enter en tik <tr> in, geef een enter en tik </tr> in gevolgd door een enter. Dit geeft aan dat er een rij met hokken aangemaakt wordt.Doe dit nog een keer. Vul tussen <tr> en </tr>, <td>hok 1</td> in. Dit geeft aan dat daar een hok zit. Ertussen komt de tekst te staan ( in dit geval hok 1). Doe dit nog een keer en vul dit ook twee keer tussen de andere <tr> en </tr> in. Je hebt nu dit:
<table bgcolor="#008000" cellspacing="10" cellpadding="10" border="10">
<tr>
<td>hok 1</td>
<td>hok 2</td>
</tr>
<tr>
<td>hok 3</td>
<td>hok 4</td>
</tr>
</table>
Dit resulteert in:
Je bent hier klaar. Je kunt nu verder gaan naar Les 8: Frames.
|
