<?php
    //Begin van de webpagina insluiten:
    include_once('header.inc');
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>www.velserbroek.nettabellen.html - Dynamische websites met PHP</title>
</head>
<body>

<h1>Tabellen</h1>


<h2>Twee rijen en drie kolommen</h2>

<table border="1" cellpadding="2" cellspacing="2">
  <tr>
    <td>R1K1</td>
    <td>R1K2</td>
    <td>R1K3</td>
  </tr>
  <tr>
    <td>R2K1</td>
    <td>R2K2</td>
    <td>R2K3</td>
  </tr>
</table>


<h2>Het attribuut border</h2>

<h3>border=&quot;1&quot;</h3>

<table border="1" cellpadding="2" cellspacing="2">
  <tr>
    <td>R1K1</td>
    <td>R1K2</td>
    <td>R1K3</td>
  </tr>
  <tr>
    <td>R2K1</td>
    <td>R2K2</td>
    <td>R2K3</td>
  </tr>
</table>

<h3>border=&quot;5&quot;</h3>

<table border="5" cellpadding="2" cellspacing="2">
  <tr>
    <td>R1K1</td>
    <td>R1K2</td>
    <td>R1K3</td>
  </tr>
  <tr>
    <td>R2K1</td>
    <td>R2K2</td>
    <td>R2K3</td>
  </tr>
</table>

<h3>border=&quot;0&quot;</h3>

<table border="0" cellpadding="2" cellspacing="2">
  <tr>
    <td>R1K1</td>
    <td>R1K2</td>
    <td>R1K3</td>
  </tr>
  <tr>
    <td>R2K1</td>
    <td>R2K2</td>
    <td>R2K3</td>
  </tr>
</table>


<h2>De attributen cellpadding en cellspacing</h2>

<h3>cellpadding=&quot;3&quot; cellspacing=&quot;3&quot;</h3>

<table border="1" cellpadding="3" cellspacing="3">
  <tr>
    <td>R1K1</td>
    <td>R1K2</td>
    <td>R1K3</td>
  </tr>
  <tr>
    <td>R2K1</td>
    <td>R2K2</td>
    <td>R2K3</td>
  </tr>
</table>

<h3>cellpadding=&quot;1&quot; cellspacing=&quot;5&quot;</h3>

<table border="1" cellpadding="1" cellspacing="5">
  <tr>
    <td>R1K1</td>
    <td>R1K2</td>
    <td>R1K3</td>
  </tr>
  <tr>
    <td>R2K1</td>
    <td>R2K2</td>
    <td>R2K3</td>
  </tr>
</table>

<h3>cellpadding=&quot;5&quot; cellspacing=&quot;1&quot;</h3>

<table border="1" cellpadding="5" cellspacing="1">
  <tr>
    <td>R1K1</td>
    <td>R1K2</td>
    <td>R1K3</td>
  </tr>
  <tr>
    <td>R2K1</td>
    <td>R2K2</td>
    <td>R2K3</td>
  </tr>
</table>


<h2>Koppen voor rijen en kolommen</h2>

<table border="1" cellpadding="2" cellspacing="2">
  <tr>
    <th>&nbsp;</th> <!-- lege cel -->
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
  <tr>
    <th>A</th>
    <td>A1</td>
    <td>A2</td>
    <td>A3</td>
  </tr>
  <tr>
    <th>B</th>
    <td>B1</td>
    <td>B2</td>
    <td>B3</td>
  </tr>
</table>


<h3>Dezelfde tabel zonder eindtags, witruimte en aanhalingstekens</h2>

<table border=1 cellpadding=2 cellspacing=2>
<tr><th>&nbsp;<th>1<th>2<th>3
<tr><th>A<td>A1<td>A2<td>A3
<tr><th>B<td>B1<td>B2<td>B3
</table>


<h2>Uitlijning van cellen</h2>

<table border="1" cellpadding="2" cellspacing="2" style="height: 450px" width="100%">
  <tr>
    <th width="20%">&nbsp;</th>
    <th valign="top" width="20%">valign=&quot;top&quot;</th>
    <th valign="middle" width="20%">valign=&quot;middle&quot;</th>
    <th valign="bottom" width="20%">valign=&quot;bottom&quot;</th>
    <th valign="baseline" width="20%">valign=&quot;baseline&quot;</th>
  </tr>
  <tr>
    <th align="left">align=&quot;left&quot;</th>
    <td align="left" valign="top">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="left" valign="middle">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="left" valign="bottom">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="left" valign="baseline">Dit is een neptekst om de uitlijning te illustreren.</td>
  </tr>
  <tr>
    <th align="center">align=&quot;center&quot;</th>
    <td align="center" valign="top">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="center" valign="middle">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="center" valign="bottom">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="center" valign="baseline">Dit is een neptekst om de uitlijning te illustreren.</td>
  </tr>
  <tr>
    <th align="right">align=&quot;right&quot;</th>
    <td align="right" valign="top">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="right" valign="middle">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="right" valign="bottom">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="right" valign="baseline">Dit is een neptekst om de uitlijning te illustreren.</td>
  </tr>
  <tr>
    <th align="justify">align=&quot;justify&quot;</th>
    <td align="justify" valign="top">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="justify" valign="middle">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="justify" valign="bottom">Dit is een neptekst om de uitlijning te illustreren.</td>
    <td align="justify" valign="baseline">Dit is een neptekst om de uitlijning te illustreren.</td>
  </tr>
</table>


<h2>Cellen samenvoegen</h2>

<table border="1" cellpadding="2" cellspacing="2">
  <tr>
    <th>&nbsp;</th>
    <th colspan="2">1 en 2</th>
    <th>3</th>
  </tr>
  <tr>
    <th>A</th>
    <td>A1</td>
    <td>A2</td>
    <td>A3</td>
  </tr>
  <tr>
    <th>B</th>
    <td>B1</td>
    <td>B2</td>
    <td>B3</td>
  </tr>
</table>

<br>
<?php

    //include_once("teller.inc.php"); // Teller insluiten

    //Einde van de webpagina insluiten:
    include_once('footer.inc');
?>

</body>
</html>