Table tag

A table tag táblázatot hoz létre. A tr, td, th tag-ekkel együtt használatos.

A tr tag egy táblázat sort hoz létre, míg a td és th tag-ek a táblázat celláit hozzák létre. A td és a th közötti különbség: az első egy közönséges cella, míg a második egy fejléc cella.

Attribútumok

Attribútum Leírás
cellspacing A cellák közötti távolságot határozza meg.
Elavult, helyette a border-spacing CSS tulajdonságot kell használni.
cellpadding A szöveg és a cella szegélye közötti távolságot határozza meg.
Elavult, helyette a padding CSS tulajdonságot kell használni.
border A cellák és a táblázat szegélyét határozza meg.
Elavult, helyette a border CSS tulajdonságot kell használni.

Példa

Hozzunk létre egy táblázatot th és td cellákkal:

html<table>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

Lásd még

  • a thead, tbody és tfoot tag-ek,
    amelyek a táblázat sorait csoportosítják
  • a caption tag,
    amely a teljes táblázat címét határozza meg
  • a vertical-align tulajdonság,
    amely a függőleges szöveg igazítást határozza meg
  • a rowspan és colspan attribútumok,
    amelyek a táblázat sorait és oszlopait egyesítik