Tabele HTML
Jak tworzone są tabele
HTML obsługuje długą listę elementów, które pomagają w wykonywaniu różnych zadań. Podstawowe elementy składowe tabel HTML to
: znany jako nagłówek stołowy i można go używać tam, gdzie chcesz element nagłówka : znane jako dane tabeli i zajmuje jedną komórkę w tabeli : Pełny wiersz jest zdefiniowany za pomocą tego elementu - : definiuje podpis tabeli
- : kolumny można zgrupować, aby zastosować określone formatowanie
- : Właściwość kolumny jest określona za pomocą tego elementu
- : używane do grupowania komórek nagłówka
- : Zrób grupę komórek, aby zdefiniować stopkę
- : obejmuje różne kolumny/wiersze. Jest używany po elemencie i przed elementem.
Jak tworzyć tabele HTML
Tagi opisane w powyższej sekcji są kluczowymi zainteresowanymi stronami w tworzeniu tabel HTML. W tej sekcji ćwiczy te znaczniki w różnych scenariuszach, aby zdefiniować tabele HTML:
Przykład 1: Kod napisany poniżej korzysta z
, , I tagi do zdefiniowania tabeli HTML. Tabele HTML Nazwa Przeznaczenie Doświadczenie Sam Menedżer 1 rok Kane Autor 6 miesięcy
W powyższym kodzie,
- A
tag jest zdefiniowany
- Jeden tag rzędowy
służy do zdefiniowania komórek głowy - inny
Tagi służą do wstawienia danych za pomocą element - Dodatkowo zastosowaliśmy nieruchomość w stylu granicznym
,
, I w stylu. Wyjście:
Przykład 2: W przeciwieństwie do powyższego przykładu użyliśmy dodatkowych tagów, takich jak, i .
Tabele HTML Linuxhint Nazwa Przeznaczenie Wiek Doświadczenie Sam Menedżer 20Y 2 miesiące Kane Autor 30Y 1 rok
Powyższy kod jest opisany jako,
- element służy do ćwiczenia atrybutów takich jak rozpiętość i styl. Rozpiętość łączy liczbę kolumn określonych przez użytkownika (jak w naszym przypadku jest to 2).
- Kolor tła pierwszej i drugiej kolumny to odpowiednio „Beige” i „LighteAgreen”, podczas gdy trzecie i 4. kolumny miałyby tło „Lightgreen”
- element definiuje tekst podpisu tabeli i jest ustawiony tutaj
- Dwa rzędy są zadeklarowane za pomocą
tag i każdy rząd zawiera cztery komórki. , , i obok niezbędnych tagów i.mi.,Wyjście:
Powyższe dane wyjściowe pokazuje, że „styl col” jest stosowany na wszystkich kolumnach, podczas gdy „rozpiętość Col” jest praktykowana na 3. i 4. kolumnach.
Przykład 3: Tutaj ćwiczyliśmy tagi
, I . Tabele HTML Linuxhint Sr. NIE Nazwa Przeznaczenie 1 Sam Menedżer 2 Kane Autor KONIEC
Kod jest opisany jako,
- styl graniczny
, , I jest ustawione na solidne
- Znacznik służy do zamknięcia pierwszego rzędu jako głowy
- Następnie dane tabeli są umieszczane etykietka
- Wreszcie, definiuje sekcję stopki tabeli
- Podpis tabeli jest dostarczany za pomocą znacznika
Wyjście:
Podpis tabeli znajduje się u góry tabeli ,
, i jest pokazany na wyjściu.Z wyżej wymienionych przykładów nauczyłbyś się tworzyć tabelę HTML.
Wniosek
Tabele HTML upoważniają się do uporządkowania danych w sposób reprezentacyjny. Aby pracować z tabelami HTML, musisz nauczyć się funkcjonalności różnych tagów HTML. Zebraliśmy ten przewodnik, aby podać podstawowe informacje o tabelach HTML i podaliśmy listę znaczników, które pomagają w tworzeniu tabel HTML.
- styl graniczny
- Jeden tag rzędowy