Jak wstawić nagłówek tabeli HTML?

Istnieje kilka metod reprezentowania danych, takich jak wykresy, wykresy, tabele i inne. Ale najczęstszą, zrozumiałą i możliwą do zarządzania metodą jest dodanie tabeli na stronie internetowej. Tabela oszczędza czas i przestrzeń. Ponadto organizuje dane w rzędach i kolumnach.

Wynik uczenia się tego przewodnika to:

Co to są nagłówki stołowe?
Jak utworzyć poziome stół nagłówka w HTML?
Jak utworzyć pionowy stół nagłówka w HTML?

Co to są nagłówki stołowe?

Nagły w tabeli reprezentują rodzaj danych zawartych w wierszu lub kolumnie. Nagłówki można ustawić poziomo lub pionowo w tabeli. Mówiąc dokładniej, „”Tag dodaje nagłówki do stołu.

Jak utworzyć poziome stół nagłówka w HTML?

Jak wiemy, tabela zawiera nagłówki, wiersze i kolumny. Podobnie, w HTML, możesz tworzyć tabele za pomocą

tag, rzędy z tag i kolumny z

etykietka.

Aby utworzyć poziomą tabelę nagłówka w pliku HTML:

Dodać etykietka.

Wewnątrz tego znacznika umieść znacznik, aby nadać/ustawić podpis na stole.

Aby zrobić wiersz stołu dla nagłówków, dodaj

tagi wewnątrz których dodaj

tagi do określenia nagłówków.

Podobnie dodaj

Tagi, aby dodać rzędy danych.

Html

Szczegóły kursu uczniów
Nazwa Imię Ojca Kurs
Jan Drewno Podstawy Java
William James Wprowadzenie do c++
Ben Kowal Systemy komputerowe ludzkie

Poniższy obraz pokazuje, że tabela została pomyślnie utworzona:

Zastosujmy style do wyżej wymogowanej tabeli z CSS.

STILE STOLE, TH, Elementy TD

Tabela, th, td
Rozmiar czcionki: 24px;
Border: 4px Solid #379237;
Margines: Auto;
Wyściółka: 4px;
Szerokość: 60%;
Rozmiar czcionki: 25px;
kolor tła: #38e54d;

, I

Tagi są stylizowane z właściwościami opisanymi poniżej:

"rozmiar czcionki”Właściwość ustawia rozmiar czcionki na 24px.
"granica”Właściwość ustawia obramowanie wokół stołu o szerokości linii 4px, stylu linii solidnej i kolorze #379237.
"margines„Własność jest ustalona jako„automatyczny”, Co oznacza równe przestrzenie do wszystkich boków elementu.
"wyściółka„Własność o wartości„4px”Dodaje przestrzeń 4px do wszystkich boków zawartości w stole.
"szerokość”Własność ustawia 60% szerokości tabeli.
"rozmiar czcionki”Właściwość ustawia/dostosowuje rozmiar czcionki do 25px.
"kolor tła”Właściwość ma kolor #38E54D do tła tabeli.

Wyjście

Jak utworzyć pionowy stół nagłówka w HTML?

Najpierw utwórz tabelę za pomocą

etykietka. Wewnątrz tego znacznika dołącz znacznik nagłówka. Następnie, aby utworzyć pierwszy rząd, dodaj tag, a potem kilka tagi i

Tagi danych. Podobnie dodaj wiele

tagi w ten sam sposób:

Szczegóły kursu uczniów
Nazwa Jan William Ben
Imię Ojca Kowal Drewno James
Kurs Podstawy Java Wprowadzenie do c++ Systemy komputerowe ludzkie

Można zauważyć, że nagłówki są w formacie pionowym:

W ten sposób możesz wstawić nagłówek tabeli HTML do stolika.

Wniosek

Nagłówki danych są bardzo niezbędne dla każdego dokumentu, ponieważ reprezentują temat danych zawartych w określonej kolumnie lub wierszu tabeli. W html,

Tagi w tabeli są wykorzystywane do dodawania nagłówków do stołu. Po utworzeniu strony HTML, do stylizowania tabeli wykorzystywanych jest kilka właściwości. Ten artykuł wyjaśnił HTML

tag za pomocą przykładu.