Html - Tabelle con spiegazione dettagliata.

La creazione di tabelle in HTML (Provare la tabella HTML generatore)

�

Tabelle intesa, a mio parere, una delle lezioni importanti si possono

imparare. Tabelle sono una parte fondamentale del layout di pagina web, e si pu�

�

fare cos tanto con il disegno della pagina, se hai capito come funzionano.

Se vedi una pagina web con una navigazione di sinistra, di solito in questa

pagina, viene creato utilizzando un �

grande tavolo con due colonne e senza frontiere. La colonna di sinistra

generalmente fissato a

un importo inferiore alla colonna di destra, in tal modo l'istituzione di

navigazione a sinistra.

Tabella di base Tag

� �

I tre pi importanti etichette per le tabelle il tag table di apertura,

<table> e la riga della tabella

e tag dati della tabella - <tr> e <td> rispettivamente.

Il <tr> tag rappresenta una riga per la tabella

Il tag <td> rappresenta una cella all'interno della riga.

Ora, con questo in mente, creiamo una semplice tabella:

<table>

<tr> <td>A</td> <td>B</td> <td>C</td> </tr>

<tr> <td>X</td> <td>Y</td> <td>Z</td> </tr>

</table> � � �

E questo ci che il tavolo sar simile pubblicato:

A Un B B C C

X X Y Y Z Z �

Si noti che, guardando il codice, si pu dire quante righe e colonne sono

inclusi solo guardando il codice.

L'apertura due tag <tr> indicano due righe e le prime tre <td> tag su ogni riga

rappresenta tre celle di dati

(o tre colonne).

Aggiunta di bordi tabelle

Aggiunta di una delle frontiere comporta semplicemente inserendo l'attributo

border al tag table di apertura.

Cambiare una tabella Border Color

Regolazione Tabella Cell Padding e Cell Spacing

� possibile aumentare lo spazio all'interno delle celle della tabella e lo

spazio tra le celle usando il

cellpadding e gli attributi cellspacing.

L'attributo cellspacing regola lo spazio tra le cellule e cellpadding regola lo

spazio all'interno (circa) la cella.

<table border="2" cellspacing="10" cellpadding="3">

<tr><td>A</td> <td>B</td> <td>C</td> </tr>

<tr><td>X</td> <td>Y</td> <td>Z</td> </tr>

</table>

� � �

Questo ci che il tavolo sar simile a ora ...

A Un B B C C