Hva er en HTML-tabellkode?

En forfatter av en webside har mange alternativer for hvordan du kan vise data når du bruker HTML (Hypertext Markup Language), inkludert en HTML-tabellkode. HTML-tabellkoden brukes av nettsideforfattere for å organisere data i tabeller for enklere visning. Ulike typer data, inkludert tekst, bilder og til og med andre tabeller, kan settes inn i tabellcellene. En rekke forskjellige elementer og attributter kan brukes i HTML-tabellkoden. En person som vil legge inn en tabell i et HTML-dokument, må forstå disse forskjellige komponentene og hvordan de fungerer sammen.

HTML-tabellkoden kan brukes til å organisere data i kolonner og rader. Kolonner er vertikale datalinjer og rader er horisontale linjer. HTML-forfatteren kan bare sette inn data i radene i en tabell fordi når radene er satt inn vil kolonnene stille seg opp. Noen av elementene som brukes i HTML-tabellkoden er <tr>, <td> og <th> som definerer henholdsvis tabellrad, tabelldata og tabelloverskrift. Attributter kan brukes til å definere utseendet og avstanden til radene.

Hvis en HTML-forfatter ønsker at en tabell skal se riktig ut, er det en rekke forskjellige attributter han kan bruke for å gjøre det. De rette attributtene kan endre karakteristikk som fargen på teksten, avstanden mellom cellene, bakgrunnsfargen på tabellen og kantene. Det er til og med måter å bli kvitt grenser helt slik at de ikke vises i brukerens nettleser. Mens en forfatter ikke direkte kan endre dataene i kolonnene, kan han endre de forskjellige egenskapene til kolonnene. For å gjøre dette kan han bruke elementer som <col> og <colgroup>.

For å legge inn en tabell i et HTML-dokument, må tabellstartkoden <table> brukes. Innen elementet kan forfatteren definere forskjellige attributter om tabellen, for eksempel farge, kant og avstand. Deretter må forfatteren definere tabellraden ved å bruke elementet <tr>. Dette forteller nettleseren at dataene som skal følges, skal plasseres på rad. Etter dette blir tabelldataene - den faktiske informasjonen som skal vises - lagt inn etter <td> -elementet. Det er viktig at de forskjellige taggene lukkes i rekkefølge for å forhindre forvirring i eventuell senere redigering.

Et eksempel på hvordan et HTML-dokument kan se ut når en forfatter ønsker å bruke HTML-tabellkoden er som følger:

<Table>
<Tr>
<td> Dette er celle 1 </td>
<td> Dette er celle 2 </td>
</ Tr>

<Tr>
<td> Dette er celle 3 </td>
<td> Dette er celle 4 </td>
</ Tr>
</ Table>

Dette eksemplet vil produsere et fircelletabell med to kolonner ned og to rader på tvers.