Lektion 2

Tabeller

Med hjälp av tabeller kan du bestämma bredden på ett text och exakta r av en bild. Tabellen är alltså till stor hjälp för själva layouten.

(I ett webdesignprogram som Dreamweaver kan man sedan mycket enkelt omvandla tabellerna till lager. Mer om detta längre fram)

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).