Przeznaczenie komórki tabeli
Komórka tabeli to pojedynczy wpis w tabeli, który składa się z wielu innych komórek, takich jak on sam. Głównym celem komórki tabeli jest zapisywanie danych w uporządkowany sposób w celu łatwiejszego zrozumienia i zrozumienia. Oznacza określoną pozycję w tabeli, w której znajduje się wpis.
Rodzaje komórek tabeli
Tabela w HTML ma głównie dwa typy komórek. To są ' Komórki nagłówka ' I ' Komórki danych ”. Dalsze szczegóły dotyczące ich różnic i podobieństw podano poniżej.
Komórki nagłówka
Komórki nagłówka są reprezentowane przez „ Komórka nagłówka tabeli będzie znajdować się na górze kolumny, a wpisy poniżej będą komórkami danych. Komórki te mają również określone formatowanie, które odróżnia je od komórek danych, które znajdują się poniżej. Określono, że komórki nagłówka mają większy rozmiar czcionki i pogrubione litery w celu dodania znaczenia treści w komórkach danych. Przykład W tym bloku kodu: Wyjście Jak widać, komórka nagłówka jest domyślnie wyświetlana pogrubioną czcionką. Komórki danych są reprezentowane przez „ Komórki danych mają również określone formatowanie. Mają one mniejszy rozmiar czcionki niż komórki nagłówka i zawierają zwykły tekst lub liczby, zgodnie z wymaganiami. Jest tak, że komórki danych pod komórką nagłówka „Nazwa” będą zawierały nazwiska zainteresowanych osób, na przykład John, David, Michael i James. Przykład Poniższe kroki wyjaśniają kod tworzenia komórki danych tabeli: ” w HTML Tailwind CSS. Tworzą one tytuły kolumn w tabeli. Nagłówki określają, jakie będą wszystkie wartości w danej kolumnie. Przykładami nagłówków są imię i nazwisko, adres e-mail, numer kontaktowy, numer ubezpieczenia społecznego itp.
W poniższym kodzie utworzyliśmy komórkę nagłówka tabeli za pomocą znacznika „”:
< tabela >
< głowa >
< tr >
< cz > Komórka nagłówka 01 < / cz >
< / tr >
< / głowa >
< / tabela >
”.
”, aby uzupełnić komórkę tabeli.”, aby utworzyć komórkę nagłówka tabeli.
” w znaczniku „ ”.
”, „” i „
Komórki danych
” w HTML Tailwind CSS. Komórki te przechowują wszystkie informacje w tabeli. Są one wymienione poniżej komórek nagłówka i zawierają dane dla wszystkich wpisów dla określonego nagłówka. Na przykład, jeśli komórka nagłówka jest zatytułowana „Nazwisko”, komórki danych poniżej będą zawierać nazwiska wszystkich pracowników, dla których dane są rejestrowane.
Kod do utworzenia komórki danych tabeli przy użyciu „ ” znajduje się poniżej:
< głowa >
< styl >
tabela {
upadek granicy: upadek;
}
td {
granica : 1 px jednolita czerń;
wypełnienie: 10px;
}
< / styl >
< / głowa >
< ciało >
< tabela >
< tr >
< td >Tabela-Komórka< / td >
< / tr >
< / tabela >