Najnowsze tutoriale tworzenie stron internetowych
 

HTML <table> Tag


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
sortablesortable 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 "