Hvordan endrer jeg antall kolonner i en tabell i HTML?

HTML er den grunnleggende programmeringsspråk som brukes til å designe websider. Når du trenger å organisere data på en side, tabeller er en nyttig metode for å gjøre jobben. En tabell består av celler som er anordnet i rader og kolonner. Det er ganske lett å justere antall kolonner i en tabell, men du må være forsiktig med å bruke de samme endringene i hver rad. Hvis du ikke gjør det kan oppstå formateringsfeil i tabellen.

Bruksanvisning

1 Åpne HTML-dokument som du vil endre, i et tekstredigeringsprogram.

2 Naviger til tabellen som du vil endre. Koden vil se omtrent slik ut:

<Table>

<Tr>

<Td> Kolonne 1 </ td>

<Td> Kolonne 2 </ td>

</ Tr>

</ Table>

Dette er koden for en tabell med en enkelt rad (<tr>) og to kolonner (<td>). Data "Kolonne 1" og "Kolonne 2" vil bli vist i løpet av to, side-by-side-celler.

3 Legg til flere kolonner, omgitt av <td> og </ td>. For eksempel:

<Table>

<Tr>

<Td> Kolonne 1 </ td>

<Td> Kolonne 2 </ td>

<Td> En ny kolonne </ td>

<Td> ANOTHER ny kolonne </ td>

</ Tr>

</ Table>

Denne koden lager en tabell med en enkelt rad og fire kolonner.

4 Gjenta denne prosessen for hver rad i tabellen. For eksempel har den følgende tabell to rader, hver med to kolonner:

<Table>

<Tr>

<Td> Rad 1, kolonne 1 </ td>

<Td> Rad 1, kolonne 2 </ td>

</ Tr>

<Tr>

<Td> Rad 2, kolonne 1 </ td>

<Td> Rad 2, kolonne 2 </ td>

</ Tr>

</ Table>

Denne tabellen kan ha ekstra kolonner lagt ved å legge til nye <td> linjer til hver rad:

<Table>

<Tr>

<Td> Rad 1, kolonne 1 </ td>

<Td> Rad 1, kolonne 2 </ td>

<Td> rad 1, kolonne 3 </ td>

<Td> rad 1, kolonne 4 </ td>

</ Tr>

<Tr>

<Td> Rad 2, kolonne 1 </ td>

<Td> Rad 2, kolonne 2 </ td>

<Td> rad 2, kolonne 3 </ td>

<Td> rad 2, kolonne 4 </ td>

</ Tr>

</ Table>

5 Fjerne kolonner ved å eliminere <td> seksjoner. Fjern det samme <td> delen fra hver rad i tabellen.