-
Lelouchx.
User deleted
Creare una tabella è estremamente semplice:
Creare la tabella:
Per prima cosa iniziate scrivendo:CODICE<table border="1">
"table" Indica il punto da dove inizierà la vostra tabella e border="1" indicherà lo spessore che avrà la vostra tabella:
Aggiungete unCODICE<tr>
per aprire una riga:CODICE<table border="1">
<tr>
Poi aggiungete unCODICE<td>
oppure un:CODICE<th>
(L'unica differenza è che Th vi scriverà tutto in miuscolo quello che scriverete dentro quella colonna)
per ogni colonna che volete creare, scrivete sotto il testo e chiudete il tutto con:CODICE</td>
o, se avete aperto la colonna con thCODICE</th>
La " / " (slash) indica il punto dove finisce una determinata cosa, in questo caso la colonna.
Se ad esempio volessimo creare una tabella a tre colenne faremmo così:CODICE<table border="1">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
Però per finire una tabella bisogna chiudere alla fine con una / (slash) i passaggi aperti prima, nel nostro caso "table" all'inizio e "tr" subito sotto:
(Prima dovete chiudere gli elementi che appaiono dopo, nel nostro caso, tr era sotto a table, di conseguenza la chiudiamo per prima:CODICE</tr>
</table>
La nostra tabella risulterà essere così:Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 CODICE<table border="1">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
</table>
Se ad esempio volessi una tabella con due righe, basterà aggiungere sotto la chiusura di tr:CODICE</tr>
Cioè subito sopra a:CODICE</table>
Un' altro "tr" e altri tre "td" chiudendo alla fine di ogni td conCODICE</td>
alla fine di tutti i td bisorrà chiudere la riga:CODICE</tr>
ed infine la tabella:CODICE</table>
Ecco la nostra tabella:Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
------------------------------------------
Personalizzare la tabella:
Potete personalizzare la vostra tabella aggiungendo degli attributi; ad esempioCODICE<table border="1">
border="1" è un attributo che specifica una determinata cosa; ne esistono moltissimi e possono essere usati in diverse parti.
Alcuni tra i più utilizzati attributi sono:
Colspan
Aggiungendo l'attributo colspan ad un Td esso prenderà un numero determinato di colonne, in base al numero che mettete tra virgolette.
Se mettessimo:CODICE<td colspan="2">
Quella casella occuperà due colonne.
Per farlo bisorrà levare un TD nella stessa riga, poichè questa casella varrà appunto come due TD.
Esempio:Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1">
<tr>
<td colspan="2">
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
Rowspan
Con analogo procedimento questa funzione permette ad una casella di prendere due righe.
Per farlo nella riga sotto dovrete scrivere solo 2 TD poichè uno sarà occupato dalla casella sopra che arriva sotto.Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 2 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1">
<tr>
<td rowspan="2">
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 2
</td>
</tr>
<tr>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
Width/Height
Sono rispettivamente la larghezza e l'altezza e vi serviranno per modificare le misure della vostra tabella in pixel, saranno da mettere in table.
Height/Altezza.CODICE<table border="1" height="200">Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" height="200">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
Width /Larghezza.CODICE<table border="1" width="200">Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" width="200">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
----------
Align
Con align la tabella si sposterà nella parte dello schermo che volete.
per farlo dopo, table border="1" mettete align="right/center/left" scegliendo in questo modo se mettere la tabella a destra, al centro, a sinistra.Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" align="right">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" align="center">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" align="left">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
---
Bgcolor
Con il comando bgcolor modificherete il colore della vostra tabella, basterà scrivere:CODICE<table border="1" bgcolor="COLORE SCRITTO IN INGLESE">
Questo processo è possibile applicarlo anche nelle colonne TD e THBla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" bgcolor="Yellow">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
Oppure potrete scrivere il colore in un altro modo:CODICE<table border="1" bgcolor="#FF0000">
Questo: FF0000 indica quali colori ci sono di RedGreenBlu scritto in numerei esadecimali
I numeri esadecimali utilizzabili sono:
0
1
2
3
4
5
6
7
8
9
A (Che equivale a 10)
B (Che equivale a 11)
C (Che equivale a 12)
D (Che equivale a 13)
E (Che equivale a 14)
F (Che equivale a 15)
RossoVerdeBlu
Di conseguenza, scrivendo #FF0000 Le prime due FF staranno ad indicare un rosso forte.
Lo 00 Indicheranno che non c'è il verde.
Lo 00 Indicherannno che non c'è il blu.
Di conseguenza il vostro colore sarà un rosso forte.Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" bgcolor="#FF0000">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
---
Bordercolor
Utilizzando border color, si segue lo stesso procedimento di bgcolor, ma questo vi modificherà Solamente il bordo della vostra tabella.Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" bordercolor="#FF0000">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
---
Cellpadding
Con il comando Cellpadding potrete modificare la distanza delle parole dal bordo della tabella in pixel (px), sarà da mettere in table:CODICE<table border="1" cellpadding="10">
In questo caso la distanza sarà di 10 px.Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" cellpadding="10">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
---
Cellspacing
Cellspacing è la distanza in pixel tra una cella e l'altra della tabella.CODICE<table border="1" cellspacing="10">Bla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" cellspacing="10">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
---
Style
Con Style modificherete lo stile della tabella, sarà da mettere in table.
Esempio:CODICE<table border="1" style="border:20px groove">
Dopo style, si sceglie il bordo che volete abbia il vostro stile, prendiamo come esempio 20 e poi scrivete il nome dello stile che volete mettere (il tutto tra virgolette " .... "
Ecco alcuni stili che potrete dare alla vostra tabella:
none
solid
hidden
inset
outset
dotted
ridge
dashed
groove
doubleBla Bla Bla 1 Bla Bla Bla 2 Bla Bla Bla 3 Bla Bla Bla 4 Bla Bla Bla 5 Bla Bla Bla 6 CODICE<table border="1" style="border:20px groove">
<tr>
<td>
Bla Bla Bla 1
</td>
<td>
Bla Bla Bla 2
</td>
<td>
Bla Bla Bla 3
</td>
</tr>
<tr>
<td>
Bla Bla Bla 4
</td>
<td>
Bla Bla Bla 5
</td>
<td>
Bla Bla Bla 6
</td>
</tr>
</table>
---
IN AGGIORNAMENTO
Edited by Lelouchx - 6/12/2011, 09:05.