La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Marco Gribaudo - thanks to C. Gena e R. Damiano 1 Le tabelle Marco Gribaudo P.s.:

Presentazioni simili


Presentazione sul tema: "Marco Gribaudo - thanks to C. Gena e R. Damiano 1 Le tabelle Marco Gribaudo P.s.:"— Transcript della presentazione:

1 Marco Gribaudo - thanks to C. Gena e R. Damiano 1 Le tabelle Marco Gribaudo P.s.: Queste slide sono state adattate da quelle della Prof. Cristina Gena (http://www.di.unito.it/~cgena), con spunti tratti dal materiale della Prof. Rossana Damianohttp://www.di.unito.it/~cgena (http://www.di.unito.it/~rossana).http://www.di.unito.it/~rossana

2 Marco Gribaudo - thanks to C. Gena e R. Damiano 2 HTML Le tabelle permettono di: Inserire i testi in un area di dimensioni specificate Allineare differentemente il testo Colorare in modo diverso gli sfondi delle signole celle

3 Marco Gribaudo - thanks to C. Gena e R. Damiano 3 HTML Tabelle Per creare una tabella si usa il tag istruzioni righe e celle della tabella ha vari attributi che servono per stabilire le caratteristiche della tabella

4 Marco Gribaudo - thanks to C. Gena e R. Damiano 4 HTML


5 Marco Gribaudo - thanks to C. Gena e R. Damiano 5 HTML TABELLA: LE RIGHE Le celle di una tabella vengono elencate riga per riga, partendo dallalto verso il basso. Ogni riga viene introdotta con il comando : nuova riga

6 Marco Gribaudo - thanks to C. Gena e R. Damiano 6 HTML TABELLA: LE CELLE Allinterno di una riga, si specificano le varie celle, da sinistra verso destra con il comando nuova cella allinterno delle righe A1 A2 B1 B2 Lesempio crea una tabella 2x2 come questa: A1A2 B1B2

7 Marco Gribaudo - thanks to C. Gena e R. Damiano 7 HTML TABELLA: LE CELLE Il comando TD ha numerosi attributi, per definire la grandezza della cella, lallineamento del testo al suo interno, ed il colore del suo sfondo:


8 Marco Gribaudo - thanks to C. Gena e R. Damiano 8 HTML Ci puo essere anche una sola cella per riga: Questa è la prima riga. Questa è la seconda riga. Questa è la prima riga Questa è la seconda riga

9 Marco Gribaudo - thanks to C. Gena e R. Damiano 9 HTML In alternativa a, esiste un tag specifico per i titoli delle collonne della tabella (i.e. le celle nella prima riga) per il titolo delle colonne titolo della colonna (bold e centrato) Questo tag visualizza il contenuto della cella in grassetto.

10 Marco Gribaudo - thanks to C. Gena e R. Damiano 10 HTML E possibile creare celle che si estendono su piu colonne utilizzando lattributo colspan:


11 Marco Gribaudo - thanks to C. Gena e R. Damiano 11 ESEMPIO di COLSPAN Il seguente esempio permette di espandere una cella su 2 colonne prima colonna seconda colonna terza colonna come sopra cella che occupa 2 colonne

12 Marco Gribaudo - thanks to C. Gena e R. Damiano 12 ESEMPIO di COLSPAN Prima colonnaSeconda colonnaTerza colonna Come sopraCella che occupa 2 colonne

13 Marco Gribaudo - thanks to C. Gena e R. Damiano 13 HTML OSS: le tabelle possono essere annidate le une dentro le altre…


Scaricare ppt "Marco Gribaudo - thanks to C. Gena e R. Damiano 1 Le tabelle Marco Gribaudo P.s.:"

Presentazioni simili


Annunci Google