Nwlapcug.com


Come aggiungere più colonne di una tabella

Come aggiungere più colonne di una tabella


Tabelle HTML contengono dati formattati presentati ai tuoi lettori di sito Web. Tabelle vengono utilizzate per formattare il layout, che rende il contenuto del sito Web più attraente per i visitatori. Una tabella può contenere più righe e colonne configurate nel codice HTML. È possibile aggiungere più colonne della tabella nel file di codice HTML. Queste colonne vengono definite utilizzando il tag "td". Il tag "td" definisce le colonne della tabella, e contiene le informazioni visualizzate per il lettore.

Istruzioni

1

Creare il tuo elemento table. Tutte le colonne e righe definite nella tabella sono contenute all'interno della "< tabella >" e "< / tavolo >" tag. Il seguente definisce una tabella denominata "theTable":

< tabella ID = "theTable >< / tabella >

2

Definire ogni riga della tabella. Il tag "< tr >" definire ogni riga orizzontale della tabella HTML. Le colonne vengono aggiunti alla tabella dopo righe sono impostate. Il codice seguente crea una tabella con due righe:

< tabella ID = "theTable >
< tr >< /tr >
< tr >< /tr >
< / tabella >

3

Definire più colonne per ogni riga. Ogni tag "< td >" è immettere nella riga della tabella creata una colonna. In questo esempio vengono create due colonne all'interno di ogni riga della tabella, fare un tavolo con un totale di due colonne. Il seguente codice HTML completa il vostro elemento di tabella:

< tabella ID = "theTable >
< tr >

&lt;td> First column in the first row. &lt;/td>
&lt;td> Second column in the first row. &lt;/td>

< /tr >
< tr >

&lt;td> First column in the second row. &lt;/td>
&lt;td> Second column in the second row. &lt;/td>
&lt;td> Third column in the second row. &lt;/td>
&lt;td> Fourth column in the second row. &lt;/td>

< /tr >
< / tabella >

4

Salvare il codice HTML e aprire il file nel browser Web. Si noti che il browser visualizzi la tabella con ogni colonna e riga definita nel codice.