Esempi di uso delle tabelle

Tabella semplice con bordi
Uso attributo FRAME
Uso attributo RULES
Uso attributi CELLPADDING e CELLSPACING
Uso attributi ROWSPAN e COLSPAN
Tabella con scorrimento

Tabella semplice con bordi
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="VOID"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="BOX" o "BORDER"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="ABOVE"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="BELOW"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="HSIDES"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="LHS"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="RHS"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con FRAME="RHS"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con RULES="NONE"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con RULES="ALL"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con RULES="ROWS"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con RULES="COLS"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con CELLPADDING = 10"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con CELLSPACING = 10"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con CELLPADDING = 10 e CELLSPACING = 10"
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con COLSPAN = 3
Riga che si"espande"su 3 colonne
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con ROWSPAN = 4
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Tabella con scorrimento
Nome colonna	Nome colonna	Nome colonna
Nome colonna	Nome colonna	Nome colonna
Dato 1,1	Dato 1,2	Dato 1,3
Dato 2,1	Dato 2,2	Dato 2,3
Dato 3,1	Dato 3,2	Dato 3,3

Scarica il codice della pagina corrente

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//IT" "http://www.w3c.org/TR/REC-html40/frameset.dtd"> <HTML DIR="LTR" LANG="IT">   <HEAD> <TITLE> Esempi di uso delle tabelle </TITLE> </HEAD> <BODY> <P> <H1> Esempi di uso delle tabelle </H1> </P> <P> <A HREF="#TAB1">Tabella semplice con bordi</A><BR> <A HREF="#TAB2">Uso attributo FRAME</A><BR> <A HREF="#TAB3">Uso attributo RULES</A><BR> <A HREF="#TAB4">Uso attributi CELLPADDING e CELLSPACING</A><BR> <A HREF="#TAB5">Uso attributi ROWSPAN e COLSPAN</A><BR> <A HREF="#TAB6">Tabella con scorrimento</A><BR> </P> <HR width="40%"> <P> <A name="TAB1"></A> <TABLE BORDER="1"> <CAPTION> Tabella semplice con bordi </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <HR width="40%"> <P> <A name="TAB2"></A> <TABLE FRAME= "VOID"> <CAPTION> Tabella con FRAME="VOID" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE FRAME= "BOX"> <CAPTION> Tabella con FRAME="BOX" o "BORDER" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE FRAME= "ABOVE"> <CAPTION> Tabella con FRAME="ABOVE" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE FRAME= "BELOW"> <CAPTION> Tabella con FRAME="BELOW" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE FRAME= "HSIDES"> <CAPTION> Tabella con FRAME="HSIDES" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE FRAME= "LHS"> <CAPTION> Tabella con FRAME="LHS" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE FRAME= "RHS"> <CAPTION> Tabella con FRAME="RHS" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE FRAME= "RHS"> <CAPTION> Tabella con FRAME="RHS" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <HR width="40%"> <P> <A name="TAB3"></A> <TABLE RULES= "NONE"> <CAPTION> Tabella con RULES="NONE" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE RULES= "ALL"> <CAPTION> Tabella con RULES="ALL" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE RULES= "ROWS"> <CAPTION> Tabella con RULES="ROWS" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE RULES= "COLS"> <CAPTION> Tabella con RULES="COLS" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <HR width="40%"> <P> <A name="TAB4"></A> <TABLE BORDER="1" CELLPADDING="10"> <CAPTION> Tabella con CELLPADDING = 10" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE BORDER="1" CELLSPACING="10"> <CAPTION> Tabella con CELLSPACING = 10" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE BORDER="1" CELLPADDING="10" CELLSPACING="10"> <CAPTION> Tabella con CELLPADDING = 10 e CELLSPACING = 10" </CAPTION> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <HR width="40%"> <P> <A name="TAB5"></A> <TABLE BORDER="1"> <CAPTION> Tabella con COLSPAN = 3 </CAPTION> <TR> <TH COLSPAN="3"> Riga che si"espande"su 3 colonne </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <P> <TABLE BORDER="1"> <CAPTION> Tabella con ROWSPAN = 4 </CAPTION> <TR> <TH ROWSPAN="4"> Colonna che si espande su 4 righe </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TABLE> </P> <HR width="40%"> <P> <A name="TAB6"></A> <TABLE BORDER="1"> <CAPTION> Tabella con scorrimento </CAPTION> <THEAD> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> </THEAD> <TFOOT> <TR> <TH> Nome colonna </TH> <TH> Nome colonna </TH> <TH> Nome colonna </TH> </TR> </TFOOT> <TBODY> <TR> <TD> Dato 1,1 </TD> <TD> Dato 1,2 </TD> <TD> Dato 1,3 </TD> </TR> <TR> <TD> Dato 2,1 </TD> <TD> Dato 2,2 </TD> <TD> Dato 2,3 </TD> </TR> <TR> <TD> Dato 3,1 </TD> <TD> Dato 3,2 </TD> <TD> Dato 3,3 </TD> </TR> </TBODY> </TABLE> </P> <BR> </BODY> </HTML>