Nwlapcug.com


Come modificare le tabelle HTML

Come modificare le tabelle HTML


Se si sta tentando di modificare un documento HTML, le probabilità sono che viene eseguito in alcuni tavoli nel codice. Le tabelle sono un modo strutturale di allineare i dati in formato HTML. Una semplice tabella includerà alcune righe con le celle di dati in loro. In alcuni casi, layout di tutto il sito Web può essere costruito con pochi tavoli. Modifica delle tabelle richiede un po' di conoscenza base di HTML, ma una volta che capisci come funzionano e gli attributi che vanno con loro, sono facili da funzionare con.

Istruzioni

1

Aprire il tuo file HTML o htm. Per effettuare questa operazione, è possibile utilizzare qualsiasi editor HTML.

2

Individuare la tabella che si desidera modificare. Un modo semplice per eseguire questa operazione in un file di grandi dimensioni è quello di trovare la funzione di ricerca del tuo programma e la ricerca di un testo che è nella tabella che si desidera modificare. Il codice della tabella inizia con un tag < table >.

3

Aggiungere più celle della tabella. Le cellule sono le caselle di informazioni si trova in.

Il tag < tr > indica l'avvio di una nuova riga. Un tag < td > Crea una cella di testo o immagini. Per creare una nuova riga di due celle, è sufficiente ripetere le righe e le celle. Così il vostro tavolo modificato sarebbe simile a questo:

< table >

< tr >

< td > dati va qui < /td >

< td > più dati vanno qui < /td >

< /tr >

< tr >

nuova cella a < td > va qui < /td >

< td > un'altra nuova cella va qui < /td >

< /tr >

< / tabella >

4

Modificare la larghezza. È possibile aggiungere una "larghezza = 100px" attributo nel tag di tabella per eseguire questa operazione:

< table width = "100px" >

È possibile sostituire la "100px" con qualsiasi larghezza desiderate.

5

Aggiungere un bordo alla tabella. Per fare questo aggiungere un "border = 1px" attributo al tag table. Essa sarà simile a questo:

< bordo tabella = "1px" >

È possibile sostituire il "1px" con qualsiasi confine di dimensioni desiderate.

6

Aggiungere intestazioni sopra ogni colonna. Per fare questo Sostituisci il tuo primo < td > Tag con tag < th > e mettere il tuo header tra l'apertura e il tag di chiusura. Ciò metterà un'intestazione in grassetto sopra ogni colonna.

< table >

< tr >

Colori < th > < /th >

Numeri di < th > < /th >

< /tr >

< tr >

Blu < td > < /td >

< td > uno < /td >

< /tr >

< / tabella >

7

Salvare il file quando hai finito di modificarlo. Controllare nel browser web.

Consigli & Avvertenze

  • È possibile utilizzare fogli di stile per aggiungere colore, cambiare i font e allineare le tabelle.