Tabellers opbygning

Indlæs andet indhold på denne side:

I gamle dage - før css - var det almindeligt at bruge tabeller til at styre hjemmesidens indhold. Men i dag må tabellen siges kun at være beregnet til 'tabulære data', dvs. oplysninger, som det også på et stykke papir vil være naturligt at ordne i et skema.

Det kan i den forbindelse undertiden være en fordel, rundt omkring i tabellen at sammenlægge enkelte celler på tværs eller langs - det vender vi tilbage til om lidt, først skal vi have den simple tabel oprettet.


En simpel tabels opbygning

Siden er opdateret 11. 12. 2005

Jeg viser her den simpleste kode til en tabel med to kolonner á to celler:

<table>
<tr>
 <td></td>
 <td></td>
</tr>
<tr>
 <td></td>
 <td></td>
</tr>
</table>
Tabellen afgrænses af <table> og </table>

De enkelte rækker af celler afgrænses af <tr> og </tr>

De enkelte celler i hver række afgrænses af <td> og </td>

De enkelte cellers indhold anbringes mellem <td> og </td>
Dette er første celle i første række Dette er anden celle i første række
Dette er første celle i anden række Dette er anden celle i anden række

Herover ser du så resultatet af den ovenfor viste skemakode.

Hvis vi nu forestiller os, at den første celle i de to rækker skal slås sammen lodret til én celle, vil koden se sådan ud:

<table>
<tr>
  <td rowspan="2"></td>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
</table>
Læg mærke til, at den nederste række af celler kun indeholder én celledefinition (den første celles plads er jo optaget af udvidelsen af cellen ovenover - den spænder over to rækker).




Herunder ser du så resultatet af skemakode vist til venstre.
Dette er første celle i første række Dette er anden celle i første række
Dette er første celle i anden række

Vil vi nu i stedet sammenlægge de to celler vandret i den øverste række, kommer koden til at se sådan ud:

<table>
<tr>
  <td colspan="2"></td>
</tr>
<tr>
  <td></td>
  <td></td>
</tr>
</table>
Læg mærke til, at det her er den øverste række af celler, der kun indeholder én celledefinition (cellen er defineret til at spænde over to kolonner).




Herunder ser du så resultatet af skemakoden til venstre.
Dette er første celle i første række
Dette er første celle i anden række Dette er anden celle i anden række

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen april 2000
Hjemmesideskolen
Du er her: Forsiden - html - Tabellers opbygning
Brugere lige nu: 1
Home Mail