TABELLE

supporto su come funzionano i vari tag, imparare ad usarli serve per ottenere dei messagi ben scritti e più facilmente capibili da chi legge
Rispondi
Avatar utente
arteebotanica
Amministratore
Amministratore
Messaggi: 3448
Iscritto il: 02/05/2010, 22:23
Sesso: uomo
coltivo dal: 1985
coltivo in provincia di...: Treviso
clima: estati afose inverni a volte freddi e umidi
Località: loria TV
Contatta:

TABELLE

Messaggio da leggere da arteebotanica » 27/07/2010, 12:00

ho inserito i tag tabella, il primo "TABLE" si usa per aprire una tabella senza inserire contenuti nel suo interno
Poi per prima si inserisce il tag "TR" che serve per indicare una riga, qui si possono inserire i contenuti
Dopo si può mettere il tag "TD" serve per inserire celle nelle righe ( cioè a dividerle ) anche in questo possiamo inserire i contenuti.
ecco un esempio di codice, e sotto la foto di come si presenta la tabella di questo esempio:

Codice: Seleziona tutto

<table >
  <tr>
    <td>testo</td>
    <td>testo</td>
    <td>testo</td>
  </tr>
  <tr>
    <td>testo</td>
    <td>testo</td>
    <td>testo</td>
  </tr>
  <tr>
    <td>testo</td>
    <td>testo</td>
    <td>testo</td>
  </tr>
</table>
ecco il risultato:
tabella.jpg
esempio tabella
tabella.jpg (19.74 KiB) Visto 6476 volte
ora proviamolo qui dal vivo:
[1table][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table]
Ecco fatto come vedete funziona, certo bisogna avere un tantino di esperienza per aggiustare bene le cose, ma ci si riesce applicandosi un pochino, chi conoce html andrà benone, naturalmente qui la tabella la vedete con dimensioni diverse perchè dipende dal contenuto, ottimo sistema per catalogare bene alcune schede piante e immagini
ciao a tutti.
lorenzo stocco
http://www.arteebotanica.org il sito sulle aizoaceae
https://www.facebook.com/lorenzo.stocco#!/

Avatar utente
Fab®izio
membro forum
membro forum
Messaggi: 337
Iscritto il: 07/06/2010, 10:21
Sesso: Uomo
coltivo dal: 1990
Località: Caput Mundi
Contatta:

Re: TABELLE

Messaggio da leggere da Fab®izio » 28/07/2010, 0:36

ottimo LOre', lo sfrutto subito...
Immagine
>>--the--last--peyotero-->
Vota la tua composizione preferita

Avatar utente
arteebotanica
Amministratore
Amministratore
Messaggi: 3448
Iscritto il: 02/05/2010, 22:23
Sesso: uomo
coltivo dal: 1985
coltivo in provincia di...: Treviso
clima: estati afose inverni a volte freddi e umidi
Località: loria TV
Contatta:

Re: TABELLE

Messaggio da leggere da arteebotanica » 28/07/2010, 13:32

allora per semplificare metterò qui alcuni esempi di tabella che voi non dovete far altro che copiare incollare sul vostro messaggio ed inserire i contenuti dove è scritta la parola PROVA, per cominciare metto la tabella di cui accennavo sopra, cioe 3 righe e tre colonne, 3 x 3 = 9 celle tre per riga:

Codice: Seleziona tutto

[center][1table][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table][/center]
questo il risultato, come quello nel primo post:
[1table][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table]
altro esempio usando il tag "4rowspan=" che unisce le celle di una colonna:

Codice: Seleziona tutto

[center][1table][2table-tr][4rowspan=3]prova[/4rowspan][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table][/center]
ecco come viene:
[1table][2table-tr][4rowspan=3]prova[/4rowspan][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table]
esempio terzo, uniamo sia le celle di una colonna ( 4rowspan)che quelle della riga superiore(5colspan), qui sotto il codice da fare copia e incolla da voi:

Codice: Seleziona tutto

[center][1table][2table-tr][5colspan=3]prova[/5colspan][/2table-tr][2table-tr][4rowspan=2]prova[/4rowspan][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][/2table-tr][/1table][/center]
il risultato:
[1table][2table-tr][5colspan=3]prova[/5colspan][/2table-tr][2table-tr][4rowspan=2]prova[/4rowspan][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][/2table-tr][/1table]
vediamo ora una tabella con una riga in alto e due colonne sotto:

Codice: Seleziona tutto

[center][1table][2table-tr][5colspan=2]prova[/5colspan][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table][/center]
il risultato:
[1table][2table-tr][5colspan=2]prova[/5colspan][/2table-tr][2table-tr][3table-td]prova
prova[/3table-td][3table-td]prova
prova[/3table-td][/2table-tr][/1table]
un altro sistema colonna centrale e celle laterali con riga superiore unica:

Codice: Seleziona tutto

[center][1table][2table-tr][5colspan=3]prova[/5colspan][/2table-tr][2table-tr][3table-td]prova[/3table-td][4rowspan=2]prova[/4rowspan][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table][/center]
il risultato:
[1table][2table-tr][5colspan=3]prova[/5colspan][/2table-tr][2table-tr][3table-td]prova[/3table-td][4rowspan=2]prova[/4rowspan][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table]

esattamente il contrario di sopra:

Codice: Seleziona tutto

[center][1table][2table-tr][5colspan=3]prova[/5colspan][/2table-tr][2table-tr][4rowspan=2]prova [/4rowspan][3table-td]prova[/3table-td][4rowspan=2]prova[/4rowspan][/2table-tr][2table-tr][3table-td]prova[/3table-td][/2table-tr][/1table][/center]
ecco la vista:
[1table][2table-tr][5colspan=3]prova barbeque:[/5colspan][/2table-tr][2table-tr][4rowspan=2]prova p_03bad_1:[/4rowspan][3table-td]prova summer_17:[/3table-td][4rowspan=2]prova summer_5:[/4rowspan][/2table-tr][2table-tr][3table-td]prova teasing_new:[/3table-td][/2table-tr][/1table]


avete visto che si possono ottenere sistemi complessi ecco l'ultimo che vi mostro ma penso che siano i più usati, al limite eliminate la terza colonna se tre sono troppe, unione della sola riga superiore, ecco il codice:

Codice: Seleziona tutto

[center][1table][2table-tr][5colspan=3]prova[/5colspan][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table][/center]
il risultato:
[1table][2table-tr][5colspan=3]prova[/5colspan][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][2table-tr][3table-td]prova[/3table-td][3table-td]prova[/3table-td][3table-td]prova[/3table-td][/2table-tr][/1table]
ciao a tutti.
lorenzo stocco
http://www.arteebotanica.org il sito sulle aizoaceae
https://www.facebook.com/lorenzo.stocco#!/

Avatar utente
arteebotanica
Amministratore
Amministratore
Messaggi: 3448
Iscritto il: 02/05/2010, 22:23
Sesso: uomo
coltivo dal: 1985
coltivo in provincia di...: Treviso
clima: estati afose inverni a volte freddi e umidi
Località: loria TV
Contatta:

Re: TABELLE

Messaggio da leggere da arteebotanica » 28/07/2010, 14:43

esempio di uso :
[1table][2table-tr][5colspan=3]ciao a tutti questo è il titolo della tabella di prova[/5colspan][/2table-tr][2table-tr][4rowspan=2]
lithops_bromfieldii-menell.jpg
lithops bromfieldii menelli
lithops_bromfieldii-menell.jpg (15.85 KiB) Visto 6464 volte
[/4rowspan][3table-td]interessante anche i fiori appassiti in lithops, sono interessanti sia le tonalità dei colori che le forme[/3table-td][/2table-tr][2table-tr][3table-td]lithops bromfieldii ha diverse forme e varietà all'interno del suo genere[/3table-td][/2table-tr][/1table]
ciao a tutti.
lorenzo stocco
http://www.arteebotanica.org il sito sulle aizoaceae
https://www.facebook.com/lorenzo.stocco#!/

Avatar utente
arteebotanica
Amministratore
Amministratore
Messaggi: 3448
Iscritto il: 02/05/2010, 22:23
Sesso: uomo
coltivo dal: 1985
coltivo in provincia di...: Treviso
clima: estati afose inverni a volte freddi e umidi
Località: loria TV
Contatta:

Re: TABELLE

Messaggio da leggere da arteebotanica » 09/08/2010, 22:26

se pensate di usare spesso un formato tabella che vi aggrada ma non lo trovate negli esempi e non riuscite a crearvelo richiedetelo qui ve lo preparo poi a voi quando serve basta un copia e incolla per usarlo
ciao a tutti.
lorenzo stocco
http://www.arteebotanica.org il sito sulle aizoaceae
https://www.facebook.com/lorenzo.stocco#!/

Rispondi