Hvordan lage et bord i HTML

Forfatter: Mark Sanchez
Opprettelsesdato: 28 Januar 2021
Oppdater Dato: 1 Juli 2024
Anonim
How to create tabe in html using notepad
Video: How to create tabe in html using notepad

Innhold

Det er ganske vanskelig å lage et bord i HTML. Men med trinnene beskrevet i denne artikkelen, bør du kunne lage en for nettstedet ditt.

Trinn

  1. 1 Åpne et enkelt tekstbehandlingsprogram som Notisblokk eller WordPad på Windows, eller på Mac, åpne TextEdit.
  2. 2 Skriv inn all teksten du vil se foran bordet.
  3. 3 Definer bruken av en tabell for et HTML -dokument ved å skrive inn tabellen> -taggen.

  4. 4 Trykk Enter.

  5. 5 Skriv inn koden for å åpne radbordet ved å bruke tr> -taggen.
  6. 6Husk å bygge alle de gjenværende elementene fra venstre til høyre.
  7. 7 Trykk Enter.
  8. 8 Skriv inn en start -tag for tabelloverskriften ved å bruke th> -taggen.
  9. 9 Skriv inn tittelen du vil bruke for den første kolonnen.
  10. 10 Skriv inn en avsluttende tag for tabelloverskriftselementet ved å bruke taggen / th>.
  11. 11 Trykk Enter.
  12. 12 Gjenta trinn (ordne elementer i kolonner fra venstre til høyre).
  13. 13 Lukk denne linjen ved å skrive inn / tr> -taggen.
  14. 14 Trykk Enter.
  15. 15 Start en annen linje med en annen tr> tag.
  16. 16 Trykk Enter.
  17. 17 Skriv inn tabelldatakoden ved å bruke td> -taggen.
  18. 18 Skriv inn tabelldataene du vil inkludere i hvert felt.
  19. 19Arbeid fra venstre til høyre, fyll ut dataene fra kolonnene vist ovenfor.
  20. 20 Lukk hver inngang med / td> -taggen.
  21. 21 Gjenta for alle tabelldataene du har.
    • For celler der du ikke trenger å skrive inn noe, angir du td> og td> og ingenting i mellom. Dette vil være veldig nyttig for felt mellom to andre felt.
  22. 22 Lukk hver linje med en annen / tr> tag.
  23. 23 Gjenta hver linje ned i tillegg til tr> og / td> linjene til hver linje er satt sammen.
  24. 24 Lukk bordet med / tabell> -taggen.
  25. 25 Skriv inn følgende HTML -tekst som du trenger for resten av dokumentet.

Tips

  • Innrykk fra hver linje slik at du kan forstå hva du prøver å gjøre i koden din.

Advarsler

  • Hvis du ved et uhell skriver inn for mange kolonner med data der det ikke er noen tabelloverskrift, vil de fortsatt bli vist, men de vil se litt dumme ut og leseren vil ikke forstå hva denne informasjonen er til.
  • Å bygge tabeller på en HTML -side er en vanskelig prosess å forstå. Øv deg først på de eksterne dataene for å se hvordan det ser ut, deretter bla gjennom og legg det nye bordet på plass.
  • HTML -tabellkoden overlates best til avanserte HTML -kodere. Etter at du har fulgt disse instruksjonene, vil du også bli en av dem.