Ako vytvoriť tabuľku v HTML

Autor: Mark Sanchez
Dátum Stvorenia: 28 Január 2021
Dátum Aktualizácie: 1 V Júli 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

Obsah

Vytvorenie tabuľky v HTML je dosť ťažké. Ale podľa krokov uvedených v tomto článku by ste mali byť schopní vytvoriť jeden pre svoje stránky.

Kroky

  1. 1 V systéme Windows otvorte jednoduchý program na spracovanie textu, ako je napríklad Poznámkový blok alebo WordPad, alebo v systéme Mac otvorte aplikáciu TextEdit.
  2. 2 Zadajte všetok text, ktorý chcete vidieť pred tabuľkou.
  3. 3 Definujte použitie tabuľky pre dokument HTML zadaním značky tabuľka>.

  4. 4 Stlačte Enter.

  5. 5 Zadajte značku na otvorenie tabuľky riadkov pomocou značky tr>.
  6. 6Nezabudnite postaviť všetky zostávajúce prvky zľava doprava.
  7. 7 Stlačte Enter.
  8. 8 Zadajte počiatočnú značku pre záhlavie tabuľky pomocou značky th>.
  9. 9 Do prvého stĺpca zadajte názov, ktorý chcete použiť.
  10. 10 Zadajte koncovú značku pre prvok záhlavia tabuľky pomocou značky / th>.
  11. 11 Stlačte Enter.
  12. 12 Opakujte kroky (usporiadanie položiek do stĺpcov zľava doprava).
  13. 13 Zatvorte tento riadok zadaním značky / tr>.
  14. 14 Stlačte Enter.
  15. 15 Začnite ďalší riadok ďalšou značkou tr>.
  16. 16 Stlačte Enter.
  17. 17 Zadajte značku údajov tabuľky pomocou značky td>.
  18. 18 Zadajte údaje tabuľky, ktoré chcete zahrnúť do každého poľa.
  19. 19Pracujte zľava doprava a vyplňte údaje zo stĺpcov uvedených vyššie.
  20. 20 Zatvorte každý vstup značkou / td>.
  21. 21 Opakujte pre všetky údaje tabuľky, ktoré máte.
    • Do buniek, do ktorých nemusíte nič zadávať, zadajte td> a td> a nič medzi tým. Toto bude veľmi užitočné pre polia medzi dvoma ďalšími poliami.
  22. 22 Zatvorte každý riadok inou značkou / tr>.
  23. 23 Opakujte každý riadok nadol okrem riadkov tr> a / td>, kým nie je zostavený každý riadok.
  24. 24 Zatvorte tabuľku značkou / table>.
  25. 25 Pre zvyšok dokumentu zadajte nasledujúci text HTML, ako potrebujete.

Tipy

  • Odsadte každý riadok, aby ste pochopili, o čo sa vo svojom kóde pokúšate.

Varovania

  • Ak omylom zadáte príliš veľa stĺpcov údajov, kde nie je žiadny nadpis tabuľky, budú sa stále zobrazovať, ale budú pôsobiť trochu hlúpo a čitateľ nepochopí, na čo sú tieto informácie určené.
  • Vytváranie tabuliek na stránke HTML je zložitý proces na pochopenie. Najprv si precvičte externé údaje, aby ste videli, ako vyzerajú, potom si prezrite a umiestnite novú tabuľku na svoje miesto.
  • Tabuľkový kód HTML je najlepšie ponechať pokročilým kódovačom HTML. Keď sa však budete riadiť týmito pokynmi, stanete sa jedným z nich aj vy.