Introduktion til HTML Tabeller. Formatering af tekst, overskrifter, brødtekster og links bringer os ganske langt. Men ofte vil vi også have brug for at.

Præsentationer af emnet: "Introduktion til HTML Tabeller. Formatering af tekst, overskrifter, brødtekster og links bringer os ganske langt. Men ofte vil vi også have brug for at."— Præsentationens transcript:

1 Introduktion til HTML Tabeller

2 Formatering af tekst, overskrifter, brødtekster og links bringer os ganske langt. Men ofte vil vi også have brug for at vise noget stof, der er bedst præsenteret i en tabel.

3 Her er de grundlæggende markører for opbygningen af en tabel: … Markørparret der starter og afslutter en tabel … Markørparret der starter og afslutter en tabelrække … Markørparret der starter og afslutter en tabelcelle

4 Her er der et konkret eksempel….

5 Tabellens overordnede egenskaber sættes af en række atributter til table-markøren. Disse er: 1.Width – Tabellens brede 1.Angives i Pixels (Absolut mål) el. % (relativt mål) 2.Height – Tabellens højde 1.Kan ligeledes angives i pixels el. %. Hvis det man indsætter i tabellen er højere end det angivende mål, så får det den højde elementet tilsiger. 3.Align – Tabellens vandrette justering 1.Atributterne er: left center right

6 1.Cols – Antallet af kolonner i tabellen 2.Rows – Antallet af rækker i tabellen 3.Border – Tabellens rammekant 1.Defineres i antal pixels – Attributter er bl.a. bordercolor, bordercolorlight, bordercolordark & border 4.Rules – kontrollerer kanterne imellem tabelcellerne 1.Rules=”all”, rules=”rows”, rules=”cols”, rules=”groups”, rules=”none” 5.Cellspacing – luft mellem tabelcellerne 1.Pixels afstand imellem tabelcellerne 6.Cellpadding – luften omkring indholdet 1.Pixels mellem indre kant og indhold 7.Bgcolor – tabellens baggrundsfarve 1.Er en hexadecimal farvekode på formen #0011rr

7 1.Background fliselægger en grafik som baggrund TR-rækkemarkørens attributter Align – Vandret justering Valign – lodret justering Bgcolor – Baggrundsfarven med hexidecimal tal Background – Baggrunds flise Fletning af tabelceller colspan – kolonne sammenfletning rowspan – række sammenfletning Se eksempel her…

8 Man kan også sætte tabeller i tabeller. I skal nu prøve at lege med tabeller. Gå ind på følgende adresse og studer indholdet: http://www.w3schools.com/tags/tag_table.asp Opgave: Log efterfølgende ind på ITs Learning og løs opgaven/testen / 003 – HTML tabeller