Zobaczmy teraz jak tworzy się prostą tabele

Oto prosta konstrukcja tabeli:

<table border="1" width="200px">
<tr>
<td>Imię</td><td>Nazwsko</td>
</tr>
<tr>
<td>Jan</td><td>Kowalski</td>
</tr>
<tr>
<td>Stanisław</td><td>Malinowski</td>
</tr>
</table>

Oto troszkę bardzoej zaawansowana postać tabeli:

<table width="100%" border="1">
  <tr>
    <td colspan="6">naglówek</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="3">menu</td>
    <td colspan="2">news</td>
    <td colspan="2">artykuły</td>
  </tr>
 
  <tr>
    <td>box1</td>
    <td>box2</td>
    <td>box5</td>
    <td>box6</td>
  </tr>
  <tr>
    <td>box3</td>
    <td>box4</td>
    <td>box7</td>
    <td>box8</td>
  </tr>
  <tr>
    <td colspan="6">stopka</td>
  </tr>
</table>

Untitled Document

W tym przykłądzie użyliśmy border, colspan i rowspan:

border - obramowanie tabeli 0 to brak obramowania

colspan - scala kolumny np: colspan="2" oznacza ze ta komórka ma szerokość 2 kolumn tak jak news czy artykuły

rowspan - scala wiersze np: rowspan="3" oznacza ze ta komórka ma wyskokość 3 komórek np jak menu

Dalsza czê¶æ: 1 2 3