Autor:
Mark Sanchez
Data Utworzenia:
28 Styczeń 2021
Data Aktualizacji:
1 Lipiec 2024
![25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial](https://i.ytimg.com/vi/dK27jWKtJxs/hqdefault.jpg)
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 Otwórz prosty edytor tekstu, taki jak Notatnik lub WordPad w systemie Windows, lub na Macu otwórz TextEdit.
2 Wpisz cały tekst, który chcesz zobaczyć przed tabelą.
- 3 Zdefiniuj użycie tabeli dla dokumentu HTML, wprowadzając znacznik table>.
- 4 Wciśnij Enter.
5 Wprowadź tag do otwierania tabeli wierszy za pomocą tagu tr>.
- 6Pamiętaj, aby wszystkie pozostałe elementy budować od lewej do prawej.
7 Wciśnij Enter.
8 Wprowadź znacznik początkowy dla nagłówka tabeli, używając znacznika th>.
9 Wpisz tytuł, którego chcesz użyć w pierwszej kolumnie.
10 Wprowadź tag zamykający dla elementu nagłówka tabeli, używając tagu / th>.
11 Wciśnij Enter.
12 Powtórz kroki (układanie elementów w kolumnach od lewej do prawej).
13 Zamknij tę linię, wprowadzając znacznik / tr>.
14 Wciśnij Enter.
15 Rozpocznij kolejną linię innym znacznikiem tr>.
16 Wciśnij Enter.
17 Wprowadź tag danych tabeli za pomocą tagu td>.
18 Wprowadź dane tabeli, które chcesz uwzględnić w każdym polu.
- 19Pracuj od lewej do prawej, wypełniając dane z kolumn pokazanych powyżej.
20 Zamknij każde wejście za pomocą tagu / td>.
- 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.
- 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 Zamknij każdą linię innym znacznikiem / tr>.
23 Powtarzaj każdą linię w dół oprócz linii tr> i / td>, aż każda linia zostanie ułożona.
24 Zamknij tabelę z tagiem / table>.
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.