Tabeller
För att lättare kunna bestämma var på sidan bilder och text ska vara är tabeller ett mycket bra hjälpmedel. Tabeller är uppbyggda av rader <TR> och kolumner <TD>. En tabell kan innehålla massor av rader och kolumner. Här nedan finns länkar till olika användning av tabeller.
För att göra en enkel tabell med en rad och två kolumner så skriver man så här i body-taggen:
| <TABLE><TR><TD> Kolumn 1</TD>
<TD> Kolumn 2</TD> </TR> </TABLE> |
Och detta blir resulutatet av koden i rutan ovanför:
| Kolumn 1 | Kolumn 2 |
Inom varje <TD> kan man skriva texter precis som i en body-tag.
För att lägga till en rad så lägger vi till:
| <TABLE><TR><TD> Kolumn 1</TD>
<TD> Kolumn 2</TD> </TR> <TR> <TD> Hejsan </TD> <TD> Svejsan </TD> </TR> </TABLE> |
Och detta blir resulutatet:
| Kolumn 1 | Kolumn 2 |
| Hejsan | Svejsan |
För tabellen kan du ha en annan bakgrundsfärg än vad du har för hela hemsidan. Du lägger till samma tag som i BODY-taggen:
BGCOLOR=”white”
Du kan dessutom göra samma sak i varje <TD>. Så en tabell kan ha många olika bakgrundsfärger. Likadant är det med höjden och bredden. HEIGHT och WIDTH attributen fungerar likaväl i tabeller som det gjorde med bilder.
| bgcolor=”#FF0000″ WIDTH=”200″ |
bgcolor=”#FFFF00″ | bgcolor=”#3333FF” |
| bgcolor=”#66FF00″ HEIGHT=”40″ | bgcolor=”#CCCCCC” | bgcolor=”#FFFFFF” |
Här finns det också en ram runt tabellen och runt varje cell, det tar man enkelt bort genom att skriva BORDER=”0″.
| bgcolor=”#FF0000″ WIDTH=”200″ |
bgcolor=”#FFFF00″ | bgcolor=”#3333FF” |
| bgcolor=”#66FF00″ HEIGHT=”40″ | bgcolor=”#CCCCCC” | bgcolor=”#FFFFFF” |
Mer om tabeller:
| Cellpadding - Anger avståndet från tabellens kant till cellens innehåll.Cellspacing – Anger avståndet mellan cellerna.Valign – Bestämmer innehållets placering vertikalt.
Align – Bestämmer innehållets placering horisontellt. |
Senaste kommentarer