HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
- 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 |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|