Hvordan redigere HTML-tabeller

Hvis du prøver å redigere et HTML-dokument, er sjansen stor for at du vil støte på noen bord i koden din. Tabeller er en strukturell måte å stille opp dataene i HTML. En enkel tabellen vil omfatte flere rader med dataceller i dem. I noen tilfeller kan hele nettstedet oppsett være konstruert med bare bord. Redigere tabeller krever litt grunnleggende HTML kunnskap, men når du forstår hvordan de fungerer og attributtene som går sammen med dem, de er lett å jobbe med.

Bruksanvisning

1 Åpne din .html eller .htm. Du kan bruke en hvilken som helst HTML editor for å gjøre dette.

2 Finn tabellen du vil redigere. En enkel måte å gjøre dette i en stor fil er å finne søkefunksjonen i programmet og søk etter noe av teksten som er i tabellen du vil redigere. Tabellen koden vil starte med en <table> tag.

3 Legg til flere celler til bordet. Cellene er boksene som informasjon sitter i.

Den <tr> tag indikerer at en ny rad starter. En <td> tag skaper en celle for tekst eller bilder. For å opprette en ny rad med to celler, trenger du bare å gjenta rader og celler. Så det redigerte tabellen vil se omtrent slik ut:

<Table>

<Tr>

<Td> Data går her </ td>

<Td> Mer data går her </ td>

</ Tr>

<Tr>

<Td> En ny celle går her </ td>

<Td> En annen ny celle går her </ td>

</ Tr>

</ Table>

4 Endre bredden. Du kan legge til en "width = 100px" attributt til bordet koden for å gjøre dette:

<Table width = "100px">

Du kan bytte ut "100px" med noen bredde du ønsker.

5 Legg til en ramme på bordet. For å gjøre dette legge til en "border = 1px" attributt i tabellen tag. Det vil se slik ut:

<Table border = "1px">

Du kan bytte ut "1px" med alle størrelser grensen du ønsker.

6 Legg overskrifter over hver kolonne. For å gjøre dette erstatte første <td> tagger med <th> -kodene og sette header mellom åpning og lukking koder. Dette vil sette en fet overskrift over hver kolonne.

<Table>

<Tr>

<th> Farger </ th>

<th> Tall </ th>

</ Tr>

<Tr>

<Td> Blå </ td>

<Td> En </ td>

</ Tr>

</ Table>

7 Lagre filen når du er ferdig med å redigere den. Sjekk det i nettleseren.

Hint

• Du kan bruke stilark til å legge til farge, endre skrifttyper og justere dine tabeller.