I tavoli sono un elemento costitutivo di pagine Web in formato HTML, il codice che permette testo e immagini per rendere in un browser Web. È possibile impostare manualmente una larghezza precisa e l'altezza delle righe, colonne e celle di una tabella. Per fare un tavolo espandibile che regola automaticamente per adattarsi tuoi contenuti, è sufficiente creare una tabella HTML di base senza specificare le dimensioni.

istruzione

1 Digitare i tag HTML <table> e </ table> su due linee separate. Il tuo codice tavolo rimanente verrà inserito tra questi due tag.

2 apertura Tipo <tr> e la chiusura </ tr> tag per ogni riga che si desidera visualizzare all'interno dei tag <table>.

3 Digitare una apertura <td> e la chiusura </ td> tag per ogni cella che si desidera visualizzare all'interno di tag <tr>. Così, per una tabella con tre righe e due celle per riga, il codice HTML sarà simile a questa:

<Table>

<Tr>

<Td> </ td>

<Td> </ td>

</ Tr>

<Tr>

<Td> </ td>

<Td> </ td>

</ Tr>

<Tr>

<Td> </ td>

<Td> </ td>

</ Tr>

</ Table>

4 Aggiungere contenuto della cella, ad esempio testo, tra l'apertura e la chiusura <td> </ td> tag. Il tuo codice può ora essere simile a questa:

<Table>

<Tr>

<Td> Il contenuto va qui </ td>

<Td> Il contenuto va qui </ td>

</ Tr>

<Tr>

<Td> Il contenuto va qui </ td>

<Td> Il contenuto va qui </ td>

</ Tr>

<Tr>

<Td> Il contenuto va qui </ td>

<Td> Il contenuto va qui </ td>

</ Tr>

</ Table>

Si dispone ora di una tabella flessibile che si espanderà automaticamente per adattarsi qualsiasi contenuto si inserisce.

Consigli e avvertenze

• Per aggiungere bordi a una tabella, il codice di apertura tag <table> in questo modo: <table border = "1">. È possibile sostituire la "1" con un valore più alto per rendere il bordo più ampio.