HTML tabellengenerator
(Terug) naar html op heeck.nl of heeck.nl
|
Om gegevens ordelijk te presenteren maak ik graag gebruik van tabellen. Daarnaast 'misbruik' ik ze ook
vaak om mijn pagina-opmaak verder te manipuleren dan met de standaard HTML-tags mogelijk is.
Als je een beetje in de broncode van deze site rondsnuffelt zie je wel wat ik bedoel.
Nou ben ik over het algemeen niet zo gecharmeerd van de tabel-code die ik soms op het web tegenkom,
zoals ze wordt uitgespuugd door WYSIWYG-editors als Frontpage. Over Excel als html-generator zullen we het maar niet hebben.....
Tabellen met meer dan 10 rijen en 4 kolommen helemaal op de hand kloppen vind ik weer ietsje
teveel op werken gaan lijken.
Excel, op zijn beurt, is wel erg handig als het om het automatiseren van repetitieve handelingen gaat en zo kwam ik op het idee om
mijn eigen tabellengeneratortje te bouwen met behulp van de formules die in een spreadsheetprogramma voorhanden zijn.
Hieronder vind je een voorbeeld van tabelregels die ermee te genereren zijn. Het spreadsheet, gemaakt met Excel97 en zo'n 20K groot,
heb ik hier "as is" beschikbaar gesteld voor iedereen die er wat mee wil.
Bugs, ideeën en aanvullingen graag terugmailen.
|
voorbeeldtabelletje
| geen alignment opgegeven |
| Dit | is |
| een | standaard |
| tweekoloms tabel | uit |
| het | spreadsheet |
dat je hier
van de site
kunt | downloaden |
| valign=bottom |
| Dit | is |
| een | standaard |
| tweekoloms tabel | uit |
| het | spreadsheet |
dat je hier
van de site
kunt | downloaden |
| ander fontje, valign=top |
| Dit | is |
| een | standaard |
| tweekoloms tabel | uit |
| het | spreadsheet |
dat je hier
van de site
kunt | downloaden |
|
bron
<tr><td colspan=2><font face=verdana, arial size=-1>geen alignment opgegeven</font></td></tr>
<tr><td><font face=verdana, arial size=-1>Dit</font></td><td><font face=verdana, arial size=-1>is</font></td></tr>
<tr><td><font face=verdana, arial size=-1>een</font></td><td><font face=verdana, arial size=-1>standaard</font></td></tr>
<tr><td><font face=verdana, arial size=-1>tweekoloms tabel</font></td><td><font face=verdana, arial size=-1>uit</font></td></tr>
<tr><td><font face=verdana, arial size=-1>het</font></td><td><font face=verdana, arial size=-1>spreadsheet</font></td></tr>
<tr><td><font face=verdana, arial size=-1>dat je hier<BR>van de site<BR>kunt</font></td><td><font face=verdana, arial size=-1>downloaden</font></td></tr>
<tr><td colspan=2><font face=verdana, arial size=-1>valign=bottom</font></td></tr>
<tr><td valign=bottom><font face=verdana, arial size=-1>Dit</font></td><td valign=bottom><font face=verdana, arial size=-1>is</font></td></tr>
<tr><td valign=bottom><font face=verdana, arial size=-1>een</font></td><td valign=bottom><font face=verdana, arial size=-1>standaard</font></td></tr>
<tr><td valign=bottom><font face=verdana, arial size=-1>tweekoloms tabel</font></td><td valign=bottom><font face=verdana, arial size=-1>uit</font></td></tr>
<tr><td valign=bottom><font face=verdana, arial size=-1>het</font></td><td valign=bottom><font face=verdana, arial size=-1>spreadsheet</font></td></tr>
<tr><td valign=bottom><font face=verdana, arial size=-1>dat je hier<BR>van de site<BR>kunt</font></td><td valign=bottom><font face=verdana, arial size=-1>downloaden</font></td></tr>
<tr><td valign=top colspan=2><font face=times size=+1>ander fontje, valign=top</font></td></tr>
<tr><td valign=top><font face=times size=+1 color=#b0b0b0>Dit</font></td><td valign=top><font face=times size=+1 color=#b0b0b0>is</font></td></tr>
<tr><td valign=top><font face=times size=+1 color=#b0b0b0>een</font></td><td valign=top><font face=times size=+1 color=#b0b0b0>standaard</font></td></tr>
<tr><td valign=top><font face=times size=+1 color=#b0b0b0>tweekoloms tabel</font></td><td valign=top><font face=times size=+1 color=#b0b0b0>uit</font></td></tr>
<tr><td valign=top><font face=times size=+1 color=#b0b0b0>het</font></td><td valign=top><font face=times size=+1 color=#b0b0b0>spreadsheet</font></td></tr>
<tr><td valign=top><font face=times size=+1 color=#b0b0b0>dat je hier<BR>van de site<BR>kunt</font></td><td valign=top><font face=times size=+1 color=#b0b0b0>downloaden</font></td></tr>
|
|
|
|