| HTML Tutorials |
|
|
| XML Tutorials |
|
|
| Browser Scripting |
|
|
| Server Scripting |
|
|
| .NET (dotnet) |
|
|
| Multimedia |
|
|
| Web Building |
|
|
| Java Tutorials |
|
|
| Programming Langauges |
|
|
| Soft Skills |
|
|
|
- Il modello della tabella del HTML permette che gli autori organizzino i dati -- testo, testo preformatted, immagini, collegamenti, forme, campi della forma, altre tabelle, ecc. -- nelle file e nelle colonne delle cellule.
|
|
Tabelle
|
- Le Tabelle sono definite con la modifica del <table>.
- Una tabella è divisa nelle file (con la modifica del <tr>) e
- ogni fila è divisa nelle cellule di dati (con la modifica del <td>).
- Il td delle lettere corrisponde “ai dati della tabella,„ che sono il contenuto di una cellula di dati.
- Una cellula di dati può contenere il testo, le immagini, le liste, i paragrafi, le forme, le ligne orizzontali, le tabelle, ecc.
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
| Intestazioni in una Tabella
|
| Le intestazioni in una tabella sono definite con la modifica del <th>.
|
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
| Tabelle e l'attributo del bordo
|
| La tabella sarà visualizzata senza alcuni bordi se non specificate un attributo del bordo. A volte questo può essere utile, ma la maggior parte del tempo, desiderate mostrare i bordi.
|
| Per visualizzare una tabella con i bordi, dovrete usare l'attributo del bordo:
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
</table>
|
|
| Misurazione le file multiple e delle cellule
|
| Usare rowspan misurare le file multiple & colspan per misurare le colonne multiple.
|
| Per visualizzare una tabella con i bordi, dovrete usare l'attributo del bordo:
|
<table border="1">
<tr>
<td>column1</td>
<td>column2</td>
<td>column3</td>
</tr>
<tr>
<td rowspan="2">row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
<tr>
<td colspan="3">row 3, cell 1</td>
</tr>
</table>
|
|
|
O/P:
|
| column1 |
column2 |
column3 |
| row 1, cell 1 |
row 1, cell 2 |
row 1, cell 3 |
| row 2, cell 2 |
row 2, cell 3 |
| row 3, cell 1 |
|
|
| Riempimento e gioco delle cellule
|
| Potrete registrare lo spazio bianco sulle vostre tabelle con gli attributi cellpadding e cellspacing.
|
| Il riempimento rappresenta la distanza fra i bordi delle cellule ed il soddisfare dentro, mentre il gioco definisce la larghezza del bordo.
|
<table border="1">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
| O/P: Tabella senza riempimento e gioco delle cellule
|
| row 1, cell 1 |
row 1, cell 2 |
| row 2, cell 1 |
row 2, cell 2 |
|
|
<table border="1" cellspacing="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
| O/P: Tabella con Cellspacing
|
| row 1, cell 1 |
row 1, cell 2 |
| row 2, cell 1 |
row 2, cell 2 |
|
|
<table border="1" cellpadding="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
| O/P: Tabella con Cellpadding
|
| row 1, cell 1 |
row 1, cell 2 |
| row 2, cell 1 |
row 2, cell 2 |
|
|
 |
 |
Keywords:creating html tables, html font color code tables, html help tables,
advanced html tables, html tutorial tables
|
|
| HTML Quizes |
|
|
| XML Quizes |
|
|
| Browser Scripting Quizes |
|
|
| Server Scripting Quizes |
|
|
| .NET (dotnet) Quizes |
|
|
| Multimedia Quizes |
|
|
| Web Building Quizes |
|
|
| Java Quizes |
|
|
| Programming Langauges Quizes |
|
|
| Soft Skills Quizes |
|
|
|
