Hur man skapar en tabell i HTML

Författare: Mark Sanchez
Skapelsedatum: 28 Januari 2021
Uppdatera Datum: 1 Juli 2024
Anonim
25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial
Video: 25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial

Innehåll

Det är ganska svårt att skapa en tabell i HTML. Men med stegen som beskrivs i den här artikeln bör du kunna skapa ett för din webbplats.

Steg

  1. 1 Öppna ett enkelt ordbehandlingsprogram som Anteckningar eller WordPad på Windows, eller på Mac öppna TextEdit.
  2. 2 Ange all text du vill se framför bordet.
  3. 3 Definiera användningen av en tabell för ett HTML -dokument genom att ange tabellen> taggen.

  4. 4 Tryck Enter.

  5. 5 Ange taggen för att öppna radbordet med tr> -taggen.
  6. 6Kom ihåg att bygga alla återstående element från vänster till höger.
  7. 7 Tryck Enter.
  8. 8 Ange en starttagg för tabellrubriken med th> -taggen.
  9. 9 Ange titeln du vill använda för den första kolumnen.
  10. 10 Ange en sluttagg för tabellrubrikelementet med taggen / th>.
  11. 11 Tryck Enter.
  12. 12 Upprepa steg (ordna objekt i kolumner från vänster till höger).
  13. 13 Stäng den här raden genom att ange taggen / tr>.
  14. 14 Tryck Enter.
  15. 15 Starta en rad med en annan tr> -tagg.
  16. 16 Tryck Enter.
  17. 17 Ange tabelldatataggen med td> -taggen.
  18. 18 Ange tabelldata som du vill inkludera i varje fält.
  19. 19Arbeta från vänster till höger och fyll i data från kolumnerna som visas ovan.
  20. 20 Stäng varje ingång med / td> -taggen.
  21. 21 Upprepa för alla tabelldata som du har.
    • För celler där du inte behöver ange något anger du td> och td> och inget däremellan. Detta kommer att vara mycket användbart för fält mellan två andra fält.
  22. 22 Stäng varje rad med en annan / tr> tagg.
  23. 23 Upprepa varje rad ner förutom tr> och / td> raderna tills varje rad är monterad.
  24. 24 Stäng bordet med taggen / table>.
  25. 25 Ange följande HTML -text som du behöver för resten av dokumentet.

Tips

  • Inryck från varje rad så att du kan förstå vad du försöker göra i din kod.

Varningar

  • Om du av misstag anger för många kolumner med data där det inte finns någon tabellrubrik kommer de fortfarande att visas, men de kommer att se lite dumma ut och läsaren kommer inte att förstå vad denna information är till för.
  • Att bygga tabeller på en HTML -sida är en knepig process att förstå. Öva först på de externa data för att se hur det ser ut, bläddra sedan och placera det nya bordet på plats.
  • HTML -tabellkoden lämnas bäst till avancerade HTML -kodare. Men när du har följt dessa instruktioner kommer du också att bli en av dem.