W dzisiejszym współczesnym świecie prawie wszystko jest online, czy to zakupy, sprzedaż, zarządzanie kontami itp. Ze względu na zorganizowanie ogromnej ilości danych. Ale tutaj pytanie brzmi: w jaki sposób zorganizujemy tę ogromną ilość danych? Więc odpowiedź na ten problem jest bardzo prosta, możemy uporządkować dane za pomocą tabel. W HTML tabele odgrywają istotną rolę w organizacji danych, która poprawia interaktywność interfejsu.
W tym artykule prowadzi Cię do utworzenia tabeli w HTML i serwuje następujące wyniki: Ten artykuł powie
Jak utworzyć tabelę w HTML
Nagłówek stołowy
Sprzedanie komórek i komórek
Tabela Rowspan i Colspan
Podpis tabeli
Nagłówek, ciało i stopka do stołu
Jak utworzyć tabelę w HTML
Tabela HTML służy do organizowania danych w rzędach i kolumnach. Aby utworzyć tabelę w HTML, którego używamy
tag i utworzyć wiersze w tabeli
Tag jest używany podczas tworzenia komórek w używanej tabeli
etykietka. Poniższy przykład zawiera jasny widok na utworzenie tabeli w HTML.
Przykład
TABELA
Masło
3 kilogram
mleko
3 litrów
W powyższym przykładzie tworzymy prostą tabelę z dwoma rzędami i komórkami. Tabela jest tworzona przy użyciu
tag wraz z atrybutem granicznym. Następnie w środku
Tag, którego używamy
tag, aby utworzyć wiersz tabeli i wewnątrz
Tag, którego używamy
znacznik, aby utworzyć kolumny w wierszu.
Wyjście
Jak widzisz, mamy tabelę z dwoma rzędami i kolumnami zgodnie z oczekiwaniami.
Nagłówek stołowy
Używamy
tag, aby wstawić nagłówek w tabeli. Poniższy przykład wyjaśnia to wyraźnie
Przykład
TABELA
Produkt
Ilość
Masło
3 kilogram
mleko
3 litrów
W tym przykładzie użyliśmy
tag, aby podać nagłówki kolumny.
Wyjście
W ten sposób dodajemy nagłówek do stołu.
Sprzedanie komórek i komórek
Te dwa atrybuty są używane do regulacji odstępów komórkowych.
Komórki: Ten atrybut dodaje przestrzenie między komórkami.
CellPadding: Ten atrybut określa odległość zawartości komórek od granicy komórkowej.
Te atrybuty mogą być używane z
Tylko tag. Poniższy przykład pomaga lepiej zrozumieć te atrybuty.
Przykład 1
Produkt
Ilość
Masło
3 kilogram
mleko
3 litrów
W tym przykładzie używamy atrybutu układu komórkowego w
tag i ustaw jego wartość na 10, co dodaje przestrzenie między komórkami tabeli.
Wyjście
Dane wyjściowe wyraźnie pokazuje wynik ustępu komórkowego, który dodaje przestrzenie między komórkami.
Przykład 2
Poniższy kod wykorzystuje CellPadding do komórki tabeli.
Produkt
Ilość
Masło
3 kilogram
mleko
3 litrów
W tym przykładzie używamy atrybutu CellPadding w
Oznacz i ustaw jego wartość na 10, co dodaje przestrzenie między kontaktem komórkowym a granicą komórek tabeli.
Wyjście
To wyjście pokazuje wynik dla komórki.
Tabela Rowspan i Colspan
Te dwa atrybuty służą do scalania wierszy i kolumn.
Rowspan: Dwa lub więcej wierszy można scalić za pomocą tego atrybutu.
Colspan: Dwie lub więcej kolumn można połączyć za pomocą tego atrybutu.
Te atrybuty mogą być używane z
Tylko tag. Poniższy przykład pomaga lepiej zrozumieć te atrybuty.
Przykład
Produkt
Smaki
mleko
Migdałowy
Mango
Czekolada
To są ekskluzywne smaki
W powyższym przykładzie używamy atrybutów RowsPan i Colspan
tag, aby scalić wiersze i kolumny w tabeli.
Wyjście
Powyższe wyjście pokazuje, że trzy brązowe są scalone z powodu RowsPan, a dwie kolumny są scalone z powodu użycia Colspan
Podpis tabeli
W html Tag służy do podania tabeli. Podpis zawiera podsumowane informacje o tabeli. Poniższy przykład pomoże ci lepiej zrozumieć.
Przykład
Informacje o produkcie
Produkt
Smaki
mleko
Migdałowy
Mango
Czekolada
To są ekskluzywne smaki
W powyższym wyjściu używamy znacznik, aby dodać podpis z tabelą w HTML.
Wyjście
To wyjście to pokazuje Informacje o produkcie jest wyświetlany nad tabelą z powodu etykietka.
Tabela Nagłówek, ciało i stopa
Tabele mogą być dystrybuowane na trzy części, jeśli należy zorganizować złożone dane. Te części są nagłówkiem, stopą i ciałem. znacznik służy do utworzenia nagłówka tabeli, znacznik służy do utworzenia stopki tabeli i
Tag zawiera główną zawartość tabeli. Poniższy przykład pomaga lepiej zrozumieć.
Przykład
Produkt
Smaki
mleko
Migdałowy
Mango
Czekolada
To są ekskluzywne smaki
W powyższym przykładzie używamy Aby określić nagłówek tabeli, a następnie używamy Aby określić główną zawartość ciała, a następnie służy do określenia stopki tabeli.
Wyjście
Wyjście pokazuje, że nagłówek tabeli jest zapisywany wewnątrz znacznika, nazwa produktu i opis jest zapisywany w środku
tag, podczas gdy zawiera krótką wiadomość.
Wniosek
W html,
Tag jest owinięty
tag i
tag, aby utworzyć tabelę, a
znacznik określa wiersze i
znacznik określa kolumny tabeli. Przede wszystkim ten artykuł ma na celu wykazanie, jak utworzyć tabelę w HTML. Dodatkowo, wyjaśniliśmy również przykłady na punkcie powierzchni komórkowej, prognozji komórkowej, obejmującego wiersz, zasłanianie kolumny, kappie.
