Come costruire un tavolo in un sito web

October 21

Quindi, si vuole imparare a costruire un tavolo in un sito web? Hai bisogno di imparare un paio di tag HTML. Il primo tag è chiamato il tag "tavolo", e sembra che questo: <table>. Questo dice al browser che una tabella è da trarre nella pagina web. È possibile aggiungere righe e colonne della tabella utilizzando il tag <tr>, che indica una nuova riga all'interno della tabella, e il tag <td>, che viene utilizzato per indicare che i dati saranno aggiunti alla riga della tabella.

istruzione

Come costruire un tavolo in un wesbite

1 Individuare l'area nel codice HTML della pagina sito web in cui si vuole costruire il tavolo. Inserire il tag <table> in questo settore.

2 Inserire il tag <tr> dopo il tag <table>, questo dice al browser che una nuova riga della tabella si sta formando. Quindi inserire il tag <td> per dire al browser che questa riga contiene dati (td sta per dati della tabella). Si dovrebbe assomigliare a questa, <table> <tr> <td>

3 Inserire il testo, immagine o le informazioni che si desidera contenuta nella riga della tabella dopo il tag <tr> <td>. Il codice HTML sarà simile a questa, <table> <tr> <td> vostro testo o immagine va qui. Per terminare la riga, utilizzare i tag </ tr> </ td>.

4 È possibile aggiungere righe aggiuntive utilizzando un altro insieme di <tr> <td> tag, dopo tag </ tr> </ td>.

5 Dopo aver terminato la costruzione del tavolo, inserire il </ table> tag. Questo dice al browser che la tabella è ora "chiusa".

Consigli e avvertenze

  • Se si desidera aggiungere più colonne al vostro tavolo, inserire un tag <td> alla fine del testo, o l'immagine, della fila, dopo il primo tag <td>. Questo indica al browser che c'è più informazioni da aggiungere alla tabella. Si formerà automaticamente un'altra colonna.
  • Aggiunta </ ​​tr> </ td> tag, che indicano al browser per terminare la fila, non è sempre necessario. Alcuni browser assumono automaticamente la prima fila è chiuso quando un altro gruppo di <tr> <td> tag vengono utilizzati per dichiarare una nuova riga.
  • Quando si aggiunge una riga che ha diverse colonne (tag <td>), e una fila che ha solo una colonna, è necessario utilizzare il <colspan> attribuiscono ad estendere la riga della tabella attraverso le colonne. Essa sarà simile a questa ...
  • <Table>
  • <Tr> <td> Il vostro testo ... altro testo ... testo ...
  • <Td> Ecco un'altra colonna di testo
  • <Td> Ecco un'altra colonna in questa riga
  • </ Tr> </ td>
  • <Tr> <td colspan = "3"> Si tratta di una singola riga che voglio ampliare attraverso le tre colonne di cui sopra, così ho usato <colspan = "3"> all'interno del tag.
  • </ Table>
  • Le tabelle possono essere fonte di confusione perché i browser li interpretano in modo diverso. Acquisire familiarità con l'utilizzo di <colspan> e <> rowspan attributi, per organizzare le vostre celle della tabella che si desidera vengano visualizzati.
  • I browser leggeranno </ table> tag in modi confusi e, quindi, se si utilizza una tabella all'interno di una tabella, o inserire un tag <table> nel codice HTML prima di chiudere la vostra prima tabella, controllare ogni pagina in un browser diverso prima si pubblica la pagina.

Articoli Correlati