<div style="overflow-x:auto;">
<html>
<head>
<title>tabeller</title>
</head>
<body>
<table border="1">
<tr>
<td>Detta är den vänstra cellen i den första
raden</td>
<td>Detta är cellen i mitten på den första
raden</td>
<td>Detta är den högra cellen i den första
raden</td>
</tr>
<tr>
<td>Detta är den vänstra cellen i den andra
raden</td>
<td>Detta är cellen i mitten på den andra
raden</td>
<td>Detta är den högra cellen i den andra raden</td>
</tr>
<tr>
<td>Detta är den vänstra cellen i den tredje
raden</td>
<td>Detta är cellen i mitten på den tredje
raden</td>
<td>Detta är den högra cellen i den tredje
raden</td>
</tr></table></div>
</body>
</html>
En tabell börjar med kommandot <table>, fortsätter med kommandot för rad <tr> och slutar med först sluttagen för rad </tr> och sist sluttaggen för table </table>. Mellan första och sluttaggen för rad lägger vi själva cellerna, Start av cell <td> och slut av cell </td>. Nu har vi även lagt till <div style="overflow-x:auto;"> före tabellen och </div> efter.
Som
du ser använder vi även här start och
sluttag(/td, /tr, /table) som talar om när cellen, raden
eller tabellen är slut. I table-taggen syns kommandot border
vilket
gör att du får ett streck runt cellerna. Siffran 1
efter "border=" bestämmer tjockleken på strecket.
Vi skulle även kunna ändra färgen på
strecket genom att skriva bordercolor=
Vi
skall prova med bordercolor="blue"
så
här.
OBS!!! Google och w3c vill hellre att du använder stylesheets eller css. Se mer här>>>