Man kan använda tabeller för att delst få layouten att fungera, dels för att få listningar i tabellform<br>
<br>
Tabeller skrivs in mellan <table> och </table>. Ett exempel:
<div class=code><table><br>
  <tr><br>
    <td><br>
      Tomat<br>
    </td><br>
    <td><br>
      Gurka<br>
    </td><br>
  </tr><br>
  <tr><br>
    <td><br>
      Potatis<br>
    </td><br>
    <td><br>
      Morot<br>
    </td><br>
  </tr><br>
</table></div><br>
Blir till<br>
<TABLE>
<TR>
<TD>Tomat</TD><TD>Gurka</TD>
</TR>
<TR>
<TD>Potatis</TD><TD>Morot</TD>
</TR>
</TABLE><br>
<TABLE BORDER=1 WIDTH=80%>
<THEAD>
<TR><TH>Text</TH><TH>Förklaring</TH></TR>
<TBODY>
<TR><TD>TABLE</TD><TD>Börjar tabellen</TD></TR>
<TR><TD>/TABLE </TD><TD>Säger att tabellen tar slut</TD></TR>
<TR><TD>TR</TD><TD>Börjar en tabellrad</TD></TR>
<TR><TD>/TR</TD><TD>Avslutar en tabellrad</TD></TR>
<TR><TD>TD</TD><TD>Börjar en cell</TD></TR>
<TR><TD>/TD</TD><TD>Slutar en cell</TD></TR>
</TABLE><br>
Man kan även ange följande<TABLE BORDER=1 WIDTH=80%>
<THEAD>
<TR><TH>Text</TH><TH>Förklaring</TH></TR>
<TBODY>
<TR><TD>THEAD</TD><TD>Börjar en rubriksektion i tabellen</TD></TR>
<TR><TD>TH</TD><TD>Börjar en rubrikcell</TD></TR>
<TR><TD>/TH</TD><TD>Slutar en rubrikcell</TD></TR>
</TABLE><br>
Det finns vissa inställngar till. Nedan ses ett exempel:
<div class=code><table border="1" width="90%"><br>
<tr bgcolor="#CCCCCC"><th colspan="2" align="center">Några ord på vägen</th><br>
</tr><br>
<tr bgcolor="#FFFFFF"><th colspan="2" align="right">HEJ DÅ!<br></th></tr><br>
<tr><td>Hej</td><td>hopp</td></tr><br>
<tr><td>Hu</td><td>Hå</td></tr><br>
</table></div>
Blir till
<TABLE BORDER=1 WIDTH=90%>
<TR BGCOLOR=#CCCCCC><TH COLSPAN=2 ALIGN=CENTER>Några ord på vägen</TH></TR>
<TR BGCOLOR=#FFFFFF><TD 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><UL>
<LI>BORDER=1 säger att vi skall ha ramar i tabellen
<LI>WIDTH=90% säger att tabellen skall vara 90% av fönstrets bredd
<LI>TR BGCOLOR=#CCCCCC säger att bakgrunden på denna rad skall vara #CCCCCC (Grå)
<LI>TH COLSPAN=2 säger att två kolumner skall skarvas ihop till en
<LI>TH ALIGN=LEFT Säger att texten skall vänsterjusteras (Om browern kan detta)
</UL>
<b>TH</b> och <b>TD</b> fungerar på samma sätt men <b>TH</b> gör att texten betones (med fetstil)<br>
<br>
Vissa browsers tillåter att man förenklar syntaxen t.ex. genom att lämna bort all <b>/TR</b> men riskera ingenting - skriv tabeller exakt.<br>
<br>
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 <b> </b> i cellen (= Non Breaking Space). Då kommer cellens ramar att visas...<br>
<br>
Om man har en EXCEL kalkyl som man vill ha till en HTML tabell kan man enkelt göra på följande sätt:<br>
<TABLE BORDER=1 WIDTH=100%>
<THEAD>
<TR><TH>A</TH><TH>B</TH><TH>C</TH></TR>
<TBODY>
<TR><TD>Text</TD><TD>Siffra</TD><TD>="<TR><TD>" & A1 & "</TD><TD>" & B1 & "</TD></TR>"</TD></TR>
<TR><TD>Text</TD><TD>Siffra</TD><TD>Ovanstående formel kopieras neråt</TD></TR>
<TR><TD>Text</TD><TD>Siffra</TD><TD>...</TD></TR>
</TABLE><br>