Co to jest grupa nagłówka tabeli?
W CSS „ Grupa nagłówka tabeli ” służy do wyświetlania nagłówka tabeli poprzez „
Przykład
Nagłówek tabeli ma inne formatowanie niż pozostałe wpisy w tabeli, aby wyróżnić ją wizualnie. Są one zwykle reprezentowane przez pogrubiony rozmiar czcionki lub tekst w górnej skali. Wymieniając nazwiska „Mężczyźni” i „Kobiety”, możemy przypisać je jako nagłówki w osobnym wierszu, jak pokazano w poniższym przykładzie:
< tabela >
< głowa >
< tr >
< cz > Mężczyźni < / cz >
< cz > Kobiety < / cz >
< / tr >
< / głowa >
< ciało >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > Dawid < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jakub < / td >
< td > Rebeka < / td >
< / tr >
< / ciało >
< / tabela >
Poniższe kroki wyjaśniają, jak utworzyć nagłówek tabeli:
- Dodaj '
”, aby utworzyć tabelę. - W następnym kroku określ „
”, który odnosi się do nagłówka tabeli. - Dodaj wartości nagłówka jako wiersz za pomocą znacznika „
” i zamknij nagłówek za pomocą znacznika „”. - Teraz dodaj „
”, aby rozpocząć treść tabeli. - Wstaw dane dla każdego z wierszy, używając znacznika „
”. - Zakończ treść tabeli i tabelę za pomocą „ ' I ' ”, odpowiednio.
Wyjście
Co to jest grupa stopki tabeli?
„ Grupa stopki tabeli ” służy do wyświetlania stopki tabeli w CSS za pomocą „
”znacznik. Stopka zawiera również informacje o zawartości tabeli, które mogą pomóc czytelnikowi w lepszym zrozumieniu danych. Korzystając z tego samego przykładu z poprzedniej części, dodaj stopkę, która podaje łączną liczbę wpisów w każdej kolumnie dla „Mężczyzn” i „Kobiet” w tabeli.
Przykład
< tabela >
Przegląd poniższego przykładu wyjaśniającego omawianą koncepcję:
< głowa >
< tr >
< cz >Mężczyźni< / cz >
< cz >Kobiety< / cz >
< / tr >
< / głowa >
< ciało >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >Dawid< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jakub< / td >
< td >Rebeka< / td >
< / tr >
< / ciało >
< stopa >
< tr >
< td klasa = 'bg-szary-200' >Razem 03< / td >
< td klasa = 'bg-szary-200' >Razem 03< / td >
< / tr >
< / stopa >
< / tabela >Poniższe kroki wyjaśniają, jak utworzyć stopkę tabeli:
- Podobnie jak w poprzednim przykładzie dodaj „
”, aby utworzyć/dołączyć tabelę. - Zawierać '
”, aby określić nagłówek tabeli. - Teraz podobnie dodaj tytuły nagłówków jako wiersz i zamknij nagłówek za pomocą „ ”znacznik.
- Przypomnij sobie omówione podejścia do określania treści tabeli i umieszczania w niej danych.
- Teraz dodaj „
”, aby rozpocząć stopkę tabeli. - Dodaj dane do stopki tabeli jako wiersz i zamknij stopkę za pomocą przycisku „ ”znacznik.
- Na koniec zamknij tabelę, używając „ ”znacznik.
Wyjście
Powyższy kod generuje następujący wynik:
Wniosek
Nagłówek i stopka w tabeli w CSS pomagają dodać więcej informacji odpowiednio na górze i na dole tabeli. Te informacje pomagają określić, czego dotyczy tabela i dostarczają więcej szczegółów zawartych w wartościach wstawionych do tabeli. Razem te dwa elementy doskonale oprawiają dane zawarte w tabeli.
- Teraz dodaj „