Tabele HTML oferują potężne narzędzie do prezentacji danych w Twojej witrynie. Ale opanowanie ich wykracza poza same wiersze i kolumny. Ten artykuł służy jako Twój ostateczny przewodnik do uwolnienia potencjału tabel HTML, wykraczając poza podstawy .
Warunki wstępne: Wprowadzenie do HTML
Spis treści
- Co to są tabele HTML?
- Tabela HTML – przykładowy kod
- Tagi używane w tabelach HTML
- Dodawanie obramowania do tabeli HTML
- Dodawanie dopełnienia komórek w tabeli HTML
- Dodawanie nagłówków z wyrównaniem do lewej w tabeli HTML
- Dodawanie odstępów między krawędziami w tabeli HTML
- Dodawanie komórek rozciągających się na wiele kolumn w tabelach HTML
- Dodawanie koloru tła do tabeli
- Tworzenie tabel zagnieżdżonych
Co to są tabele HTML?
Tabela HTML to układ danych w wydziwianie I kolumny w formie tabelarycznej. Tabele są przydatne do różnych zadań, takich jak prezentowanie informacji tekstowych i danych liczbowych. Tabela jest użytecznym narzędziem umożliwiającym szybkie i łatwe znajdowanie powiązań pomiędzy różnymi typami danych. Tabele służą także do tworzenia baz danych.
Przykładowy kod tabeli HTML
HTML
Imię> Nazwisko> Wiek>tr> Priyatd> Szarmatd> 24td>tr> Arunt> Singhtd> 32td>tr> Samt> Watsonta> 41td> tr> tabela> treść> html>> Wyjście:
Prosta tabela HTML
Tagi używane w tabelach HTML
jako znacznik końcowy.Składnia
Content...>
Wiersze tabeli
Wiersze można tworzyć za pomocą kombinacji komórek tabeli. Jest oznaczony przez
i otaguj jako znaczniki początkowe i końcowe.
Składnia
Content...>
Nagłówki tabeli
Nagłówki są zwykle używane do podawania nagłówka. Nagłówków tabeli można także użyć do dodania nagłówka do tabeli. Zawiera
tagi.Składnia
Content...>
Przykład 1: Tworzenie prostej tabeli w HTML za pomocą tagu table.
HTML
Nazwa książki> Imię autora> Gatunek> tr> Złodziejka książek.> Markusa Zusaktda> Fikcja historycznatd> tr> Okrutny Princetd> Holly Blacktd> Fantasytd> tr> Cichy pacjent Alex Michaelidestd> Fikcja psychologicznatd> tr> tabela> treść> html>> Wyjście:
Tabela HTML
Dodawanie obramowania do tabeli HTML
Obramowanie ustawia się za pomocą właściwości CSS border. Jeśli nie określisz obramowania tabeli, zostanie ona wyświetlona bez obramowań.
cm na stopy i cale
Składnia
table, th, td { border: 1px solid black; }> Przykład : Dodanie obramowania do tabeli HTML.
HTML
