Come faccio a cambiare il numero di colonne in una tabella in HTML?

November 23

Come faccio a cambiare il numero di colonne in una tabella in HTML?


HTML è il linguaggio di programmazione di base utilizzato per la progettazione di pagine Web. Quando è necessario organizzare i dati all'interno di una pagina, le tabelle sono un metodo utile per fare il lavoro. Una tabella consiste di cellule, che sono disposti in righe e colonne. E 'abbastanza facile per regolare il numero di colonne di una tabella, ma è necessario fare attenzione ad applicare le stesse modifiche a ogni riga. Se non è possibile riscontrare errori di formattazione della tabella.

istruzione

1 Aprire il documento HTML che si desidera modificare un programma di editing di testo.

2 Passare alla tabella che si desidera modificare. Il codice sarà simile a questo:

<Table>

<Tr>

<Td> Colonna 1 </ td>

<Td> Colonna 2 </ td>

</ Tr>

</ Table>

Questo è il codice per una tabella con una singola fila (<tr>) e due colonne (<td>). I dati "Colonna 1" e "Colonna 2" verrà visualizzato nel giro di due, le cellule side-by-side.

3 Aggiungere colonne aggiuntive, circondato da <td> e </ td>. Per esempio:

<Table>

<Tr>

<Td> Colonna 1 </ td>

<Td> Colonna 2 </ td>

<Td> una nuova colonna </ td>

<Td> ALTRO nuova colonna </ td>

</ Tr>

</ Table>

Questo codice crea una tabella con un'unica fila e quattro colonne.

4 Ripetere questa procedura per ogni riga della tabella. Ad esempio, la seguente tabella ha due file, ciascuna con due colonne:

<Table>

<Tr>

<Td> riga 1, colonna 1 </ td>

<Td> riga 1, colonna 2 </ td>

</ Tr>

<Tr>

<Td> Riga 2, Colonna 1 </ td>

<Td> Riga 2, Colonna 2 </ td>

</ Tr>

</ Table>

Questa tabella può avere colonne extra aggiunti con l'aggiunta di nuovi <td> linee a ogni riga:

<Table>

<Tr>

<Td> riga 1, colonna 1 </ td>

<Td> riga 1, colonna 2 </ td>

<Td> riga 1, colonna 3 </ td>

<Td> riga 1, colonna 4 </ td>

</ Tr>

<Tr>

<Td> Riga 2, Colonna 1 </ td>

<Td> Riga 2, Colonna 2 </ td>

<Td> riga 2, colonna 3 </ td>

<Td> riga 2, colonna 4 </ td>

</ Tr>

</ Table>

5 Rimuovere le colonne eliminando <td> sezioni. Rimuovere lo stesso <td> sezione di ogni riga della tabella.