tabele

poprawne kodowanie tabeli:

<table>
  <caption>
    Nazwa tabeli
  </caption>
  <thead>
    <tr>
      <th>tytuł 1 kolumny</th>
      <th>tytuł 2 kolumny</th>
      <th>tytuł 3 kolumny</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>tytuł wiersza 1</th>
      <td>treść kolmny 2</td>
      <td>treść kolmny 3</td>
    </tr>
    <tr>
      <th>tytuł wiersza 2</th>
      <td>treść kolmny 2</td>
      <td>treść kolmny 3</td>
    </tr>
    <tr>
      <th>tytuł wiersza 3</th>
      <td>treść kolmny 2</td>
      <td>treść kolmny 3</td>
    </tr>   
  </tbody>
  <tfoot>
    <tr>
      opis stopki tabeli
    </tr>
  </tfoot>    
</table> 

 

atrybut elementu td – rowspan, colspan – łączenie komórek w kolumnie lub wierszu.

<td rowspan="2">
<td colspan="3">

 

Formatowanie Tabeli

• border-spacing:10px; lub border-spacing:5px 10px;
• border-collapse – komórki wewnątrz tabeli zyskują podwójne lub pojedyncze wewnętrzne obramowanie
  • collapse – bez przestrzeni pomiędzy komórkami
  • separate – z przestrzenią pomiędzy komórkami
• empty-cells – zarządzanie wyświetlaniem pustych komórek
  • hide
  • show
• table-layout – sposób wyświetlania tabeli
  • fixed – sztywna wielkość
  • auto – dopasowana do zawartości