Przykład
Prosty tabeli HTML, z dwoma komórek tabeli:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
<td> tag definiuje standardowy komórkę w tabeli HTML.
Tabeli HTML posiada dwa rodzaje komórek:
- Komórki Nagłówek - zawiera informacje nagłówka (utworzonego przy użyciu <th> element)
- Standardowe komórki - zawiera dane (utworzonego przy użyciu <td> elementu)
Tekst w <th> elementy są pogrubione i wyśrodkowane domyślnie.
Tekst w <td> elementy są regularne i lewej wyrównany domyślnie.
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<td> | tak | tak | tak | tak | tak |
Porady i wskazówki
Wskazówka: Użyj colspan i rowspan atrybut pozwolić rozpiętość treści na wielu kolumn i wierszy!
Różnice między HTML 4.01 i HTML5
Wszystkie atrybuty układu są usuwane w HTML5.
Atrybuty
Atrybut | Wartość | Opis |
---|---|---|
abbr | text | Nie jest obsługiwany w HTML5. Określa skróconą wersję zawartości w komórce |
align | left right center justify char | Nie jest obsługiwany w HTML5. Wyrównuje zawartość w komórce |
axis | category_name | Nie jest obsługiwany w HTML5. kategoryzuje komórki |
bgcolor | rgb(x,x,x) #xxxxxx colorname | Nie jest obsługiwany w HTML5. Określa kolor tła komórki |
char | character | Nie jest obsługiwany w HTML5. Wyrównuje zawartość komórki do charakteru |
charoff | number | Nie jest obsługiwany w HTML5. Ustawia liczbę znaków zawartość zostanie wyrównana z charakteru określonego przez char atrybutu |
colspan | number | Określa liczbę kolumn komórka powinna obejmujących |
headers | header_id | Określa jeden lub większej liczby komórek w nagłówku komórki związane jest |
height | pixels % | Nie jest obsługiwany w HTML5. Ustawia wysokość komórki |
nowrap | nowrap | Nie jest obsługiwany w HTML5. Określa, że zawartość wewnątrz komórki nie powinny zawinąć |
rowspan | number | Określa liczbę wierszy komórka powinna obejmujących |
scope | col colgroup row rowgroup | Nie jest obsługiwany w HTML5. Definiuje sposób skojarzyć komórki nagłówka i komórki danych w tabeli |
valign | top middle bottom baseline | Nie jest obsługiwany w HTML5. Pionowe wyrównuje zawartość w komórce |
width | pixels % | Nie jest obsługiwany w HTML5. Określa szerokość komórki |
Atrybuty globalne
<td> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<td> 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.
C łokci, 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: TableData obiektu
CSS: Stylizacja Stoły
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <td> element z następujących wartości domyślnych:
td {
display: table-cell;
vertical-align: inherit;
}