Nwlapcug.com


Come creare un tavolo espandibile in HTML

Come creare un tavolo espandibile in HTML


Le tabelle sono un blocco predefinito di base delle pagine Web in HTML, il codice che permette di testo e immagini per eseguire il rendering in un browser Web. È possibile impostare manualmente una precisa larghezza e l'altezza delle righe, colonne e celle in una tabella. Per fare un tavolo espandibile che regola automaticamente per adattarsi al tuo contenuto, si crea semplicemente una tabella HTML semplice senza specificare dimensioni.

Istruzioni

1

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

2

Digitare il tag di apertura < tr > e < /tr > di chiusura per ogni riga che si desidera visualizzare all'interno dei tag < table >.

3

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

< table >

< tr >

< td >< /td >

< td >< /td >

< /tr >

< tr >

< td >< /td >

< td >< /td >

< /tr >

< tr >

< td >< /td >

< td >< /td >

< /tr >

< / tabella >

4

Aggiungere il contenuto della cella, ad esempio testo, tra i tag di apertura e di chiusura < td >< /td >. Il codice può ora essere simile a questo:

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

< / tabella >

Ora avete un tavolo flessibile che si espanderà automaticamente per adattarsi qualsiasi contenuto si inserisce.

Consigli & Avvertenze

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