Il forum si sta trasferendo qui, registratevi e presentatevi.
  FAQ   Cerca   Lista degli utenti   Gruppi utenti   Calendario   Registrati   Pannello Utente   Messaggi Privati   Login 
  »Portale  »Blog  »Album  »Guestbook  »FlashChat  »Statistiche  »Links
 »Downloads  »Commenti karma  »TopList  »Topics recenti  »Vota Forum

   
Tabella: struttura di base
Utenti che stanno guardando questo topic:0 Registrati,0 Nascosti e 0 Ospiti
Utenti registrati: Nessuno

 
Nuovo Topic   Rispondi    Indice del forum -> Parliamo di.. -> Hack & co.
  PrecedenteInvia Email a un amico.Utenti che hanno visualizzato questo argomentoSalva questo topic come file txtVersione stampabileMessaggi PrivatiSuccessivo
 
 MessaggioInviato: Gio Feb 19, 13:09:30  Tabella: struttura di base
Descrizione: HTML
Rispondi citando
Messaggio
  Ciccio Paolo
Kage
Kage


IS • Founder

Sesso: Sesso:Maschio
Età: 31
Registrato: 31/10/08 18:39
Messaggi: 1842
Ciccio Paolo is offline 







italy

Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile per gestire i layout grafici.

Il loro ampio utilizzo all’interno dei documenti ha fatto sì che – nel passaggio dall’HTML 3.2 all’HTML 4 - le specifiche delle tabelle venissero estese con una serie di notazioni destinate a “far ordine” all’interno di un codice che rischiava di diventare troppo vasto.

Immaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono:
Codice:
<table>
apre la tabella
Codice:
<tr>
“table row”: indica l’apertura di una riga
Codice:
<td>
“table data”: indica una cella all’interno di una riga

In questi nostri primi esempi presupponiamo che il numero delle celle all’interno di ciascuna riga sia costante: ogni riga avrà cioè lo stesso numero di celle. Ci sono dei metodi per variare il numero delle celle all’interno di una riga, ma li vedremo in seguito.

L’attributo border permette di specificare di quanti pixel deve essere il bordo delle tabelle. Ad esempio:
Codice:
<table border=”2”>


Lo useremo in questi esempi, altrimenti non percepiremmo la struttura di quanto stiamo costruendo. Ecco un primo esempio di tabella:
Codice:
<table border="1">
    <tr>
       <td>prima cella</td>
       <td>seconda cella</td>
   </tr>

   <tr>
      <td>terza cella</td>
      <td>quarta cella</td>
   </tr>
</table>

Che viene visualizzato così:
Spoiler:

<table border="1">
<tr>
<td>prima cella</td>
<td>seconda cella</td>
</tr>

<tr>
<td>terza cella</td>
<td>quarta cella</td>
</tr>
</table>



Possiamo specificare la larghezza e l'altezza delle tabelle tramite gli attributi width e height che possono essere riferiti a tutti e tre i tag (
Codice:
[b]<table>[/b]
,
Codice:
[b]<tr>[/b]
,
Codice:
[b]<td>[/b]
). Il valore di questi attributi può essere specificato con una larghezza fissa (in pixel: in questo caso basta indicare un numero intero), oppure in percentuale (il numero deve essere allora seguito dal simbolo “%”): in questo caso la tabella si adatta secondo lo spazio a disposizione.
Codice:
<table width="300" height="200" border="1">
    <tr>
       <td>prima cella</td>
       <td>seconda cella</td>
   </tr>

   <tr>
      <td>terza cella</td>
      <td>quarta cella</td>
   </tr>
</table>


Che viene visualizzato così:
Spoiler:

<table width="300" height="200" border="1">
<tr>
<td>prima cella</td>
<td>seconda cella</td>
</tr>

<tr>
<td>terza cella</td>
<td>quarta cella</td>
</tr>
</table>



Di solito la larghezza e l’altezza globali della tabella sono espresse nel tag
Codice:
[b]<table>[/b]
, mentre la larghezza delle varie celle viene espressa nei
Codice:
[b]<td>[/b]
della prima riga. L’altezza in percentuale non sempre è visualizzata correttamente da tutti i browser.

Come detto inizialmente le tabelle vanno immaginate come delle griglie, tutto sommato abbastanza rigide: l’eventuale larghezza specificata nelle celle della prima riga avrà effetto dunque anche sulle celle delle righe sottostanti.

_________________
Ti svelerò una cosa... ciò che è più importante per un ninja non è la quantità di tecniche possedute. Ciò che conta... è la capacità di non arrendersi mai.


Solo gli utenti registrati possono vedere le immagini!
Registrati o Entra nel forum!


...la rana che viveva nel pozzo... è morta nell'oceano...

Solo gli utenti registrati possono vedere le immagini!
Registrati o Entra nel forum!
Profilo Messaggio privato Invia email MSN Messenger
 
 MessaggioInviato: Mer Mar 04, 20:24:59  
Descrizione:
Rispondi citando
Messaggio
  Anonymous


















Clapping
Nuovo Topic   Rispondi    Indice del forum » Hack & co.

Pagina 1 di 1 		Tutti i fusi orari sono GMT + 1 ora

Mostra prima i messaggi di:

  

Vai a:  
Non puoi inserire nuovi Topic in questo forum
Non puoi rispondere ai Topic in questo forum
Non puoi modificare i tuoi messaggi in questo forum
Non puoi cancellare i tuoi messaggi in questo forum
Non puoi votare nei sondaggi in questo forum
Non puoi allegare files in questo forum
Non puoi downloadare files da questo forum
Il forum si sta trasferendo qui, registratevi e presentatevi.


 Affiliazioni & Gemellaggi 
Ita Streaming Blog Delirium Team Fansub Image Hosted by ImageShack.us
PageRankTop.com PageRankFree.com


Ita Streaming topic RSS feed 
Powered by MasterTopForum.com with phpBB 2003 - 2009
Macinscott 2 by Scott Stubblefield