Najnowsze tutoriale tworzenie stron internetowych
 

HTML <td> Tag


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;
}