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>
Imię | Nazwsko |
Jan | Kowalski |
Stanisław | Malinowski |
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
naglówek | |||||
menu | news | artykuły | |||
box1 | box2 | box5 | box6 | ||
box3 | box4 | box7 | box8 | ||
stopka |
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
Ranga: Administrator serwisu Punktów: 0