Tabeller

Man kan använda tabeller för att delst få layouten att fungera, dels för att få listningar i tabellform

Tabeller skrivs in mellan <table> och </table>. Ett exempel:

<table>
  <tr>
    <td>
      Tomat
    </td>
    <td>
      Gurka
    </td>
  </tr>
  <tr>
    <td>
      Potatis
    </td>
    <td>
      Morot
    </td>
  </tr>
</table>

Blir till

Tomat	Gurka
Potatis	Morot

Text	Förklaring
TABLE	Börjar tabellen
/TABLE	Säger att tabellen tar slut
TR	Börjar en tabellrad
/TR	Avslutar en tabellrad
TD	Börjar en cell
/TD	Slutar en cell

Man kan även ange följande

Text	Förklaring
THEAD	Börjar en rubriksektion i tabellen
TH	Börjar en rubrikcell
/TH	Slutar en rubrikcell

Det finns vissa inställngar till. Nedan ses ett exempel:

<table border="1" width="90%">
<tr bgcolor="#CCCCCC"><th colspan="2" align="center">Några ord på vägen</th>
</tr>
<tr bgcolor="#FFFFFF"><th colspan="2" align="right">HEJ DÅ!
</th></tr>
<tr><td>Hej</td><td>hopp</td></tr>
<tr><td>Hu</td><td>Hå</td></tr>
</table>

Blir till

Några ord på vägen
HEJ DÅ!
Hej	hopp
Hu	Hå

• BORDER=1 säger att vi skall ha ramar i tabellen
• WIDTH=90% säger att tabellen skall vara 90% av fönstrets bredd
• TR BGCOLOR=#CCCCCC säger att bakgrunden på denna rad skall vara #CCCCCC (Grå)
• TH COLSPAN=2 säger att två kolumner skall skarvas ihop till en
• TH ALIGN=LEFT Säger att texten skall vänsterjusteras (Om browern kan detta)

TH och TD fungerar på samma sätt men TH gör att texten betones (med fetstil)

Vissa browsers tillåter att man förenklar syntaxen t.ex. genom att lämna bort all /TR men riskera ingenting - skriv tabeller exakt.

Om man inte vill skriva någonting i en cell så kommer normalt ramarna att lämnas bort i denna cell. för att undvika detta kan man skriva in &nbsp; i cellen (= Non Breaking Space). Då kommer cellens ramar att visas...

Om man har en EXCEL kalkyl som man vill ha till en HTML tabell kan man enkelt göra på följande sätt:

A	B	C
Text	Siffra	="<TR><TD>" & A1 & "</TD><TD>" & B1 & "</TD></TR>"
Text	Siffra	Ovanstående formel kopieras neråt
Text	Siffra	...