Jak stworzyć tabelę w HTML

Autor: Mark Sanchez
Data Utworzenia: 28 Styczeń 2021
Data Aktualizacji: 1 Lipiec 2024
Anonim
25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial
Wideo: 25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial

Zawartość

Tworzenie tabeli w HTML jest dość trudne. Ale dzięki krokom opisanym w tym artykule powinieneś być w stanie utworzyć go dla swojej witryny.

Kroki

  1. 1 Otwórz prosty edytor tekstu, taki jak Notatnik lub WordPad w systemie Windows, lub na Macu otwórz TextEdit.
  2. 2 Wpisz cały tekst, który chcesz zobaczyć przed tabelą.
  3. 3 Zdefiniuj użycie tabeli dla dokumentu HTML, wprowadzając znacznik table>.

  4. 4 Wciśnij Enter.

  5. 5 Wprowadź tag do otwierania tabeli wierszy za pomocą tagu tr>.
  6. 6Pamiętaj, aby wszystkie pozostałe elementy budować od lewej do prawej.
  7. 7 Wciśnij Enter.
  8. 8 Wprowadź znacznik początkowy dla nagłówka tabeli, używając znacznika th>.
  9. 9 Wpisz tytuł, którego chcesz użyć w pierwszej kolumnie.
  10. 10 Wprowadź tag zamykający dla elementu nagłówka tabeli, używając tagu / th>.
  11. 11 Wciśnij Enter.
  12. 12 Powtórz kroki (układanie elementów w kolumnach od lewej do prawej).
  13. 13 Zamknij tę linię, wprowadzając znacznik / tr>.
  14. 14 Wciśnij Enter.
  15. 15 Rozpocznij kolejną linię innym znacznikiem tr>.
  16. 16 Wciśnij Enter.
  17. 17 Wprowadź tag danych tabeli za pomocą tagu td>.
  18. 18 Wprowadź dane tabeli, które chcesz uwzględnić w każdym polu.
  19. 19Pracuj od lewej do prawej, wypełniając dane z kolumn pokazanych powyżej.
  20. 20 Zamknij każde wejście za pomocą tagu / td>.
  21. 21 Powtórz dla wszystkich danych tabeli, które masz.
    • W przypadku komórek, w których nie trzeba niczego wprowadzać, wprowadź td> i td> i nic pomiędzy. Będzie to bardzo przydatne w przypadku pól pomiędzy dwoma innymi polami.
  22. 22 Zamknij każdą linię innym znacznikiem / tr>.
  23. 23 Powtarzaj każdą linię w dół oprócz linii tr> i / td>, aż każda linia zostanie ułożona.
  24. 24 Zamknij tabelę z tagiem / table>.
  25. 25 W pozostałej części dokumentu wprowadź następujący tekst HTML.

Porady

  • Wcięcie z każdego wiersza, abyś mógł zrozumieć, co próbujesz zrobić w swoim kodzie.

Ostrzeżenia

  • Jeśli przypadkowo wprowadzisz zbyt wiele kolumn danych, w których nie ma nagłówka tabeli, nadal będą one wyświetlane, ale będą wyglądać trochę głupio, a czytelnik nie zrozumie, do czego służą te informacje.
  • Tworzenie tabel na stronie HTML jest trudnym do zrozumienia procesem. Najpierw przećwicz dane zewnętrzne, aby zobaczyć, jak one wyglądają, a następnie przejrzyj i umieść nową tabelę w jej miejscu.
  • Kod tabeli HTML najlepiej pozostawić zaawansowanym koderom HTML. Jednak po wykonaniu tych instrukcji również staniesz się jednym z nich.