byt lankar med html-skolan

Google gbghtml.se
Denna sida använder cookies, läs mer här>>>
index td-taggen koden bordercolor colspan rowspan bgcolor width cellspacing Distans Bild i table Tabellkod Bilden i mitten valign Frågesport

Koden till en tabell

<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>>>

copyright © Björn Larsen citygbg.se