02. HTML-skolen

by Dorthea

Da var det nesten på tide med en ny leksjon innenfor HTML sin spennende verden. I dag tenkte jeg at jeg skulle ta for meg TABELLER. Tabeller er som oftest utrolig trauste, og relativt kjedelig – men det kan vi gjøre noe med!

De fleste vet kanskje hvordan man legger inn et tabell på hjemmesiden, og en god del vet nok hva HTML-koden for å legge inn tabeller er. Men igjen tar jeg ingen sjangser – så jeg tar alt helt fra starten av.


Den TRAUSTE tabellen

<table>
<tr> <td>Sleepless</td> <td>Until June</td> </tr>
<tr> <td>Alice</td> <td>Avril Lavigne</td> </tr>
<tr> <td>Hey, soul sister</td> <td>Train</td> </tr>
</table>
BLIR TIL
Sleepless Until June
Alice Avril Lavigne
Hey, soul sister Train


Den ROSA tabellen

<table bgcolor=”#fe5877″>
<tr> <td>Sleepless</td> <td>Until June</td> </tr>
<tr> <td>Alice</td> <td>Avril Lavigne</td> </tr>
<tr> <td>Hey, soul sister</td> <td>Train</td> </tr>
</table>
BLIR TIL
Sleepless Until June
Alice Avril Lavigne
Hey, soul sister Train


Den SINGLE tabellen

<table>
<tr bgcolor=”#fe5877″>
<td>Sleepless</td> <td>Until June</td> </tr>
<tr> <td>Alice</td> <td>Avril Lavigne</td> </tr>
<tr> <td>Hey, soul sister</td> <td>Train</td> </tr>
</table>
BLIR TIL
Sleep HEI!
Alice Avril Lavigne
Hey, soul sister Train


Den MARKERTE tabellen

<table style=”border:5px; color:#f25877;”>
<tr><td>Sleepless</td><td>Until June</td> </tr>
<tr> <td>Alice</td> <td>Avril Lavigne</td> </tr>
<tr> <td>Hey, soul sister</td> <td>Train</td> </tr>
</table>
BLIR TIL
Sleepless Until June
Alice Avril Lavigne
Hey, soul sister Train


Den SAMMENSLÅTTE tabellen 1

<table>
<tr><td colspan=”2″>1</td> </tr>
<tr> <td>Alice</td> <td>Avril Lavigne</td> </tr>
<tr> <td>Hey, soul sister</td> <td>Train</td> </tr>
</table>
BLIR TIL
1
Alice Avril Lavigne
Hey, soul sister Train


Den SAMMENSLÅTTE tabellen 2

<table>
<tr><td rowspan=”2″><td>Until June</td> </tr>
<tr> <td>Avril Lavigne</td> </tr>
<tr> <td>Hey, soul sister</td> <td>Train</td> </tr>
</table>
BLIR TIL
1 Until June
Avril Lavigne
Hey, soul sister Train



Etter å ha lært det ovenfor (og i forrige post) så skal du uten problemer få til noe lignende som dette:

1.

Don’t tell me it’s over

Amy MacDonald


Hvis noen skulle ha noen ønsker om noe de skulle ønske å lære – skrik ut!