tabelle 2
Tabella di base
<table>...</table> - tabella
<tr> - definizione di riga
<th> - testata (Intestazione delle celle)
<td> - contenuto della cella
| Cibo |
Bevanda |
Dolce |
| carne |
vino |
torta |
|
<table border=1>
<tr><th>Cibo</th>
<th>Bevanda</th><th>Dolce</th>
<tr><td>carne</td>
<td>vino</td><td>torta</td>
</table>
|
| Cibo |
Bevanda |
Dolce |
| carne |
vino |
torta |
|
<table>
<tr><th>Cibo</th>
<th>Bevanda</th><th>Dolce</th>
<tr><td>carne</td>
<td>vino</td><td>torta</td>
</table>
|
Table Span
<th colspan=#> #=n. colonne
| Colazione |
| Cibo |
Bevanda |
Dolce |
| pane |
caffè |
nutella |
|
<table border>
<tr><th colspan=3> Colazione</th>
<tr><th>Cibo</th>
<th>Bevanda</th><th>Dolce</th>
<tr><td>pane</td>
<td>caffè</td><td>nutella</td>
</table>
|
<th rowspan=#> #=n. di righe -
| Colazione |
Cibo |
pane |
| Bevanda |
caffè |
| Dolce |
nutella |
|
<table border>
<tr><th rowspan=3> Colazione</th>
<th>Cibo</th> <td>pane</td></tr>
<tr><th>Bevanda</th> <td>caffèa</td></tr>
<tr><th>Dolce</th> <td>nutella</td></tr>
</table>
|
Dimensione
Tabelle
<table border=#>
#= spessore del bordo
| Prima |
Seconda |
Terza |
| A |
B |
C |
|
<table border=10>
<tr><th>Prima</th>
<th>Seconda</th><th>Terza</th>
<tr><td>A</td>
<td>B</td><td>C</td>
</table>
|
<table width=# height=#>
# n. larghezza tabella - # n.
altezza tabella
| Prima |
Seconda |
Terza |
| A |
B |
C |
|
<table border width=170 height=100>
<tr><th>Prima</th>
<th>Seconda</th><th>Terza</th>
<tr><td>A</td>
<td>B</td><td>C</td>
</table>
|
<table cellspacing=#>
#
spaziatura tra le celle
| Prima |
Seconda |
Terza |
| A |
B |
C |
|
<table border cellspacing=10>
<tr><th>Prima</th>
<th>Seconda</th><th>Terza</th>
<tr><td>A</td>
<td>B</td><td>C</td>
</table>
|
<table cellpadding=#>
|
|
<table border cellpadding=10>
<tr><th>Prima</th>
<th>Secona</th><th>Terza</th>
<tr><td>A</td>
<td>B</td><td>C</td>
</table>
|
Table Text
Layout
<th align=#> #=left, center, right
<td align=#>
disposizione del testo in orizzontale all'interno della cella
| Prima |
Seconda |
Terza |
| A |
B |
C |
|
<table border width=160>
<tr><th>Prima</th>
<th>Seconda</th><th>Terza</th>
<tr>
<td align=left>A</td>
<td align=center>B</td>
<td align=right>C</td>
</table>
|
<th valign=#> #=top, middle, bottom, baseline
<td valign=#>
allineamento del testo in verticale rispetto all'altezza della cella
| Prima |
Seconda |
Terza |
Quarta |
| A |
B |
C |
D |
|
<table border height=100>
<tr>
<th>Prima</th><th>Seconda</th>
<th>Terza</th><th>Quarta</th>
<tr>
<td valign=top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>
<td valign=baseline>D</td>
</table>
|
Floating Table
<table align=left>
Tabella fluttuante rispetto al testo scritto all'esterno della stessa tabella
| Prima |
Seconda |
Terza |
| A |
B |
C |
Amo.il
cioccolato |
<table align="left" border>
<tr><th>Prima</th>
<th>Seconda</th>
<th>Terza</th>
<tr><td>A</td>
<td>B</td>
<td>C</td>
</table>
Amo...<br>
il cioccolato.
|
<table align=right>
| Prima |
Seconda |
Terza |
| A |
B |
C |
Amo...
il cioccolato.
Table Caption
<caption align=#> ... </caption> #=left, center, right
Tabella
| Prima |
Seconda |
Terza |
| A |
B |
C |
|
<table border>
<caption align=center>Tabella</caption>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
- align=left è per default.
|
<caption valign=#> ... </caption> #=top, bottom
| Prima |
Seconda |
Terza |
| A |
B |
C |
Tabella
|
<table border>
<caption valign=bottom>Tabella</caption>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
- valign=top è per default.
|
Tabelle Colorate
Celle colorate
<th bgcolor=#>
<th background="URL">
#= #rrggbb Hex Number, or Name:
Black, Olive, Teal, Red, Blue, Maroon, Navy,
Gray, Lime,
Fuchsia, White,
Green, Purple, Silver,
Yellow, Aqua
|
|
<table border>
<tr><th bgcolor=ffaa00>Food</th>
<th bgcolor=Red>Drink</th>
<th rowspan=2 background="image.gif">Sweet</th>
<tr bgcolor=white><td>A</td><td>B</td>
</table>
|
Border Color
<table bordercolor=#>
| Prima |
Seconda |
Terza |
| A |
B |
C |
|
<table cellspacing=5 border=5 bodercolor=#ffaa00>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
|
Chiaro & Scuro Border Color
<table bordercolorlight=#>
<table bordercolordark=#>
| Prima |
Seconda |
Terza |
| A |
B |
C |
|
<table cellspacing=5 border=5
bordercolorlight=White bordercolordark=Maroon>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
|
Tabelle strutturate
Gruppi di righe
<thead> ... </thead> - Intestazione Tabella
<tbody> ... </tbody> - Corpo Tabella
<tfoot> ... </tfoot> - Piede Tabella
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Gruppi di colonne
<colgroup align=#> #=left, right, center -
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Prima</th><th>Seconsa</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Propretà delle colonne
<col span=#> #=n. di colonne con le medesime caratteristiche di allineamento
<col align=#> #=left, right, center
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Frame Diplay
(visualizzazione delle finestre)
Tutti e 4 i lati delle finestre <table frame=box>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=box>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
cornice superiore finestre <table frame=above>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=above>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Cornice inferiore finestre <table frame=below>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=below>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Cornice superiore e inferiore finestre <table frame=hsides>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=hsides>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Cornici laterali finestre <table frame=vsides>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=vsides>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Cornici laterali a sinistra finestre <table frame=lhs>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=hsides>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Cornici laterali a destra finestre <table frame=rhs>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=rhs>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Nessuna cornice esterna <table frame=void>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
|
<table border frame=void>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
|
Rules Display
(visualizzazione
delle cornici interne)
Tutte le cornici <table rules=all>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
| Total $-00.0 |
|
<table border rules=all>
<colgroup><col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Prima</th><th>Seconda</th><th>Terza</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
<tbody>
<tr><td rowspan=3 align=right>Total $-00.0</td>
</tbody>
</table>
|
Cornici fra gruppi <table rules=groups>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
| Total $-00.0 |
Cornici fra tutte le righe <table rules=rows>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
| Total $-00.0 |
Cornici fra tutte le colonne <table rules=cols>
| Prima |
Seconda |
Terza |
| A |
B |
C |
| D |
E |
F |
| Total $-00.0 |
Nessuna cornice interna viene visualizzata <table rules=none>
| Food |
Drink |
Sweet |
| A |
B |
C |
| D |
E |
F |
| Total $-00.0 |