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 vise noget stof, der er bedst præsenteret i en tabel.
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
Her er der et konkret eksempel….
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
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
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…
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: Opgave: Log efterfølgende ind på ITs Learning og løs opgaven/testen / 003 – HTML tabeller