Navigation:  »No topics above this level«

Tabellen

Previous pageReturn to chapter overviewNext page

Stel dat we de herhaling van de tafel met een variabel getal willen doen, dan maken we de noemer van de tafel variabel. Bij de tafel van 7 is dan $noemer gelijk aan 7 en $teller gelijk aan achtereenvolgens 1 tot en met 10. De uitkomst per regel is dan $teller*$noemer. Als we de tafel van een getal willen maken, dan krijgen we onderstaande code. Met <p> en </p> worden er netjes paragrafen geopend en gesloten.

 

$noemer=7;

echo '<p>De tafel van ' . $noemer . ':</p><p>';

 

for ($teller=1; $teller<=10; $teller++)

{

 echo $teller . ' x ' . $noemer . ' = ' . $teller*$noemer . '<br>';

}

echo '</p>';

 

Het zou nog mooier zijn als we de tafel in een tabel zouden weergeven. Je moet dan wel weten hoe je een tabel moet maken in html. Met <table> en </table> open en sluit je een tabel. Met <tr> en </tr> maak je rijen. De bovenste rij kan gevuld zijn met <th> in plaats van <td> maar dat hoeft niet. De cellen in de rijen maak je met <td> en </td>. Hieronder de code voor een tabel met een koprij en twee rijen daaronder met elk twee cellen.

 

<table>

 <tr>

<th></th><th></th>

 </tr>

 <tr>

         <td></td><td></td>

 </tr>

 <tr>

         <td></td><td></td>

 </tr>

</table>

 

Als we nu de tafel van 7 netjes op willen maken met een tabel, dan gaat dat zoals hieronder. Met colspan pak je in de kop twee cellen samen. Met cellpadding stel je de afstand in van de tekst tot de rand van de cel. Onderstaande code is de uitwerking van 5.102 uit het boek van Instruct, behalve dat hier de tafel van 7 wordt gebruikt in plaats van die van 10.

 

<?php

$noemer=7;

echo '<table border=1 cellpadding=5><tr><th colspan=2>De tafel van ' . $noemer . '</th></tr>';

for ($teller=1;$teller<=10;$teller++)

{

 echo '<tr><td>' . $teller . ' maal ' . $noemer . ' = </td><td>' . $teller*$noemer . '</td></tr>';

}

echo '</table>';

?>

 

Als je de border weg wil laten, stel je de border in op 0 in plaats van 1.