Lektion 2

Tabeller

Innehållet i en sida är beroende av bildskärmens upplösning. De flesta hemsidor är anpassade efter en bildskärmsupplösning på 800 pixlar * 600 pixlars upplösning. En 15 tums skärm har oftast den upplösningen. Väldigt få har en lägre upplösning.

Med hjälp av tabeller kan du bestämma den exakta bredden på ett text och exakta placeringar av en bild. Tabellen är alltså till stor hjälp för själva lay outen. En tabell består av rader (tr) och kolumner (td)som är indelade i celler. Du kan ha olika bredd på kolumner och rader och du kan sammanfoga flera celler till en.

Vi skall börja med att kopiera källkoden för en tabell och laborera med attributen och värdena inuti märkena.

Du hittar tabellen som nedan Här

Kopiera och klistra in koden i Anteckningar. Under lektionen kommer vi att modifiera attributen och därmed styra utseendet på tabellen.

Attributen du kommer att arbeta med är
Align och valign, dessa styr innehållet i cellerna
Värden för dessa attribut är left, right eller center

width, height, border, cellpadding, cellspacing och bgcolor, styr hela tabellens utseende.
För width och height anges värdena i pixlar eller procent.
För border, cellpadding, cellspacing anges värdena i pixlar.
Enskilda cellers utseende går också att ändra.

Hex värdena för färger hittar du på
http://www.echoecho.com/documentationcolorpicker.htm

Dessutom kommer du att lära dig att sammanfoga celler genom att använda dig av colspan och rowspan.

Läs mer på http://www.webdesignskolan.se/html/tabeller/tabeller.htm

Uppgift: Konstruera en tabell som ser ut som tabellen nedan

Till nästa gång har du repeterat dagens övningar och noga läst igenom avsnittet om tabeller på webdisignskolan (Se länk ovan).