Frenetic - Allt mellan HTML och jord!


HTML - Tabellguiden

Färger: För att göra en tabell lite trevligare kan man lägga till bakgrundsfärger. Detta kan du göra för en hel tabell, en rad eller bara för en enda cell. Men vilken bakgrundsfärg har högst prioritet? Vi gör ett litet test, enligt följande:

<table bgcolor="#ff0000" width="200">
<tr bgcolor="#00ff00">
<td bgcolor="#0000ff" width="100">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

&nbsp; är HTML-koden för ett mellanslag. Detta läggs in för att vissa browsers inte läser tomma tabellceller. Om någon cell någon gång blir tom, se till att alltid fylla ut med detta.

I tabellen ovan har vi definerat följande:

  • Bakgrundsfärgen för hela tabellen är röd ("#ff0000")
  • Bakgrundsfärgen för första raden i tabellen är grön ("#00ff00")
  • Bakgrundsfärgen för den första cellen är blå ("#0000ff")

Denna tabell ser ut enligt följande:

   
   

Vi kan med detta lilla test konstatera följande: Den bakgrundsfärg som läggs i <td> har högst prioritet. Nästkommande i prioritetsgrad är den färg som läggs i <tr>. Lägst prioritet har den färg som läggs i <table> satsen.

Finns det något enkelt sätt vi kan använda detta på då? Visst finns det det! Som vanligt, ett litet exempel:

<table>
<tr>
<td bgcolor="#999955">
<font size="4" face="Arial, Verdana, Helvetica">
Tabellguiden!</font>
</td>
</>
</table>

Tabellguiden!

Ovan ser du ett exempel på hur du kan göra en enkel överskrift med hjälp av en tabell. Den består bara av en cell med bakgrundsfärgen "#999955". Eftersom ingen bredd är angiven, anpassar sig tabellen helt och hållet till texten som finns.

Nu har du gått igenom början till HTML-skapande! Vad som återstår för dig är att börja titta på andras kod och börja experimentera på allvar själv. Du kommer väl ihåg att du kan se alla sidors kod genom att välja "Visa -> Källa" i Internet Explorer? Lycka till med ditt hemsideskapande!

Information Rekommenderad fortsatt läsning:
Introduktion till ramar
Introduktion till formulär



TidigareIndexNästa

 




Allt material 1997-2004 © Frenetic.
Gillar du denna sida? Du kan hjälpa mig genom att klicka på bannern nedan!