Przykład
Prosty tabeli HTML, zawierający dwie kolumny i dwa wiersze:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
<table> tag definiuje tabelę HTML.
Tabeli HTML składa się z <table> elementu i jednego lub więcej <tr> , <th> i <td> elementy.
<tr> element definiuje wiersz tabeli, <th> element definiuje nagłówek tabeli, a <td> element definiuje komórkę tabeli.
Bardziej skomplikowane tabeli HTML może również obejmować <caption>, <col>, <colgroup>, <thead>, <tfoot> i <tbody> elementy.
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<table> | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
"align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" i "width" atrybuty nie są obsługiwane w HTML5.
Atrybuty
Atrybut | Wartość | Opis |
---|---|---|
align | left center right | Nie jest obsługiwany w HTML5. Określa wyrównanie stołu zgodnie z otaczającego tekstu |
bgcolor | rgb(x,x,x) #xxxxxx colorname | Nie jest obsługiwany w HTML5. Określa kolor tła dla tabeli |
border | 1 0 | Określa, czy tabela jest wykorzystywana do celów układ |
cellpadding | pixels | Nie jest obsługiwany w HTML5. Określa przestrzeń pomiędzy ścianą komórek i zawartość komórkową |
cellspacing | pixels | Nie jest obsługiwany w HTML5. Określa odstęp między komórkami |
frame | void above below hsides lhs rhs vsides box border | Nie jest obsługiwany w HTML5. Określa, które części zewnętrznych granic, które powinny być widoczne |
rules | none groups rows cols all | Nie jest obsługiwany w HTML5. Określa, które części wewnętrznych granic, które powinny być widoczne |
sortable | sortable | Określa, że tabela powinna być sortable |
summary | text | Nie jest obsługiwany w HTML5. Określa podsumowanie zawartości tabeli |
width | pixels % | Nie jest obsługiwany w HTML5. Określa szerokość tabeli |
Atrybuty globalne
<table> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<table> tag obsługuje również Event Atrybuty w HTML .
Spróbuj sam - przykłady
nagłówki tabel
Jak tworzyć nagłówki tabeli.
Tablica z napisem
Tabeli HTML z podpisem.
Tagi wewnątrz tabeli
Jak wyświetlania elementów wewnątrz innych elementów.
Komórki, które obejmują więcej niż jeden wiersz / kolumnę
Jak zdefiniować komórki tabeli, które obejmują więcej niż jeden wiersz lub jedną kolumnę.
Podobne strony
Poradnik HTML: Tabele HTML
Odniesienia HTML DOM: Table obiektu
CSS: Styling Stoły
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <table> element z następujących wartości domyślnych:
Przykład
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Spróbuj sam "