Download præsentationen
Præsentation er lastning. Vent venligst
Offentliggjort afThor Søndergaard Redigeret for ca. et år siden
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
Lignende præsentationer
© 2024 SlidePlayer.dk Inc.
All rights reserved.