Tabletaggen
<TABLE>
Table är engelska och betyder bord(?!), fast det betyder också tabell. Med table kan man göra mycket. Den har man till hjälp när man vill lägga upp bilder och text lite som man vill istället för att bara köra uppifrånochneralltienrad. Det är dock inte alltid lämpligt att arrangera sin sida med tables då olika webläsare ger olika resultat. Då är det bäst att vara lite försiktig och pröva sin sida i både Netscape och Explorer.
Inled alltså med TABLE. Här anges vidden i procent av webläsarens fönster eller i pixlar och höjden likaså. Vill du ha en ram runt cellerna använder du BORDER och anger bredd.
Ex:
<TABLE BORDER="1" WIDTH="50%">
<TR>
<TD>BIG</TD
<TD ALIGN="CENTER">BROWN</TD>
<TD ALIGN="RIGHT">BEAVER</TD>
</TR>
</TABLE>Ser ut så här:
BIG BROWN
BEAVER
Med CELLPADDING och specificerad storlek (i pixlar) får du ett avstånd mellan ramen och innehållet i cellerna. Vill du ha ett avstånd mellan cellerna gör du det med CELLSPACING och anger avståndet.
Ex:
<TABLE BORDER="2" CELLPADDING="8" CELLSPACING="20" WIDTH="90%">
<TR>
<TD>MY MY</TD>
<TD>HEY HEY</TD>
</TR>
<TR>
<TD>ROCK ´N´ROLL</TD>
<TD ALIGN="RIGHT">IS HERE TO STAY</TD>
</TR>
</TABLE>
MY MY HEY HEY ROCK ´N´ ROLL IS HERE TO STAY
I TABLE specificerar man alltså tabellens vidd i procent av webläsarens fönster. Cellerna går också att specificera men då utgår man från att tabellens bredd är 100%. Vill man i detta fallet att cellerna ska vara lika stora går man in i varje cell, alltså TD, och lägger till WIDTH="50%". Hade tabellen haft fyra celler i rad hade WIDTH-värdet sålunda blivit 25%.
<TR><TD>
TR, table row, ger raderna och TD, table data, ger cellerna. Vill du bestämma placering av text eller bild så gör du det i TD-taggen. ALIGN placerar innehållet i vågrät linje med attributen LEFT, CENTER och RIGHT. Placering i lodrät linje görs med VALIGN, alltså vertical alignment. Attributen är då TOP, MIDDLE och BOTTOM. Se även första exemplet.
Rader och kolumner går att slå ihop om man så önskar. I TD kan man slå två celler med COLSPAN, som anger hur många kolumner som raden ska spänna över. Man kan även slå ihop två rader, då använder man ROWSPAN. Detta förutsätter dock att man har en rad till under den cell, TD, där man använder ROWSPAN.
Ex:
Hey, hey... my, my ... Här är två celler sammanslagna med ROWSPAN="2", det är gjort i cell nr. 3 i första raden Här är två celler med sammanslagna med COLSPAN="2" ...rock and roll can never die ... TD COLSPAN="3" i denna cellen
[Förra] [Htlmguider] [Nästa]