TEKST
FOTO
TABEL
FORMULIER
PHP
Daar zijn ze niet voor.
Gebruik ze alleen om data weer te geven die in tabelform het beste uit komt.
Een voorbeeld van een tabel in code
Wil je een mooiere tabel dan geven we opmaak mee.
Dit zetten we dus in de CSS-file
Met dezelfde tabel wordt het nu:
Zo kun je de cellen ook hoger maken uitlijnen en de tekst een eigen opmaak geven.
Tabellen
Tabellen worden wel eens gebruikt om een web site uit te lijnen.Daar zijn ze niet voor.
Gebruik ze alleen om data weer te geven die in tabelform het beste uit komt.
Een voorbeeld van een tabel in code
<table>
<tr>
<td>Cell een</td>
<td>Cell twee</td>
<td>Cell drie</td>
</tr>
<tr>
<td>Cell vier</td>
<td>Cell vijf</td>
<td>Cell zes</td>
</tr>
<tr>
<td>Cell zeven</td>
<td>Cell acht</td>
<td>Cell negen</td>
</tr>
</table>
Cell een | Cell twee | Cell drie |
Cell vier | Cell vijf | Cell zes |
Cell zeven | Cell acht | Cell negen |
Wil je een mooiere tabel dan geven we opmaak mee.
Dit zetten we dus in de CSS-file
tabel {
border: 1px dotted green;
}
td{
width:200px;
}
.red {
background-color:red;
}
Met dezelfde tabel wordt het nu:
<table>
<tr>
<td>Cell een</td>
<td>Cell twee</td>
<td class="red">Cell drie</td>
</tr>
<tr>
<td>Cell vier</td>
<td>Cell vijf</td>
<td>Cell zes</td>
</tr>
<tr>
<td class="red">Cell zeven</td>
<td>Cell acht</td>
<td>Cell negen</td>
</tr>
</table>
Cell een | Cell twee | Cell drie |
Cell vier | Cell vijf | Cell zes |
Cell zeven | Cell acht | Cell negen |
Zo kun je de cellen ook hoger maken uitlijnen en de tekst een eigen opmaak geven.