Come aggiungere più colonne di una tabella

September 15

Come aggiungere più colonne di una tabella


tabelle HTML contengono dati formattati presentati ai lettori del sito web. Le tabelle vengono utilizzati per formattare il layout, il che rende il contenuto del sito web più attraente per i visitatori. Una tabella può contenere più righe e colonne configurati nel codice HTML. È possibile aggiungere più colonne della tabella nel file codice HTML. Queste colonne sono definite usando il tag "TD". Il tag "TD" definisce colonne della tabella, e contiene le informazioni mostrate al lettore.

istruzione

1 Crea il tuo elemento di tabella. Tutte le colonne e righe definite nella tabella sono contenuti all'interno del "<table>" e "</ table>" tag. Quanto segue definisce una tabella denominata "theTable":

<Table ID = "theTable> </ table>

2 Definire ogni riga della tabella. I "<tr>" tag definiscono ogni riga orizzontale nella tabella HTML. Le colonne vengono aggiunte alla tabella dopo righe sono impostati. Il codice seguente crea una tabella con due righe:

<Table ID = "theTable>
<Tr> </ tr>
<Tr> </ tr>
</ Table>

3 Definire più colonne per ogni riga. Ogni tag "<td>" si entra nella riga della tabella crea una colonna. In questo esempio, due colonne vengono create all'interno di ogni riga della tabella, facendo un tavolo con un totale di due colonne. Il seguente codice HTML completa il tuo elemento di tabella:

<Table 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>
</ Table>

4 Salvare il codice HTML e aprire il file nel browser Web. Si noti che il browser rende la tabella con ogni riga e di colonna che si è definito nel codice.