Tabela

Witam już w czwartym kursie przygotowującym do Kwalifikacji E.14.  Tym razem zajmiemy tematem przedstawiania danych w tabeli.

Zapraszam.

Definicja tabeli jest banalnie prosta, po prostu tabelę definiujemy znacznikami <table></table>, wiersze tabeli znacznikami <tr></tr> , a komórki w wierszach znacznikami <td></td> .

Tabelę jak każdy inny obiekt możemy skalować, czyli ustalić dla niego  wysokość i szerokość tagami width i height.

W praktyce wygląda to następująco:

<table>

<tr>

<td>komórka 1.1</td><td>komórka 1.2</td>

</tr>

<tr>

<td>komórka 2.1</td><td>komórka 2.2</td>

</tr>

</table>

 Rezultat

komórka 1.1 komórka 1.2
komórka 2.1 komórka 2.2

 


 

Komórki możemy ze sobą łączyć poprzez tagi colspan i rowspan  umieszczane w znacznikach <td>.

 

 

Pionowe łączenie komórek

<table>

<tr>

<td>komórka 1.1</td><td rowspan=”2″>komórka 1.2</td>

</tr>

<tr>

<td>komórka 2.1</td>

</tr>

</table>

 Rezultat

komórka 1.1 komórka 1.2
komórka 2.1

 


 

Poziome łączenie komórek

<table>

<tr>

<td>komórka 1.1</td><td >komórka 1.2</td>

</tr>

<tr>

<td colspan=”2″>komórka 2.1</td>

</tr>

</table>

 Rezultat

komórka 1.1 komórka 1.2
komórka 2.1
1/3

Dodaj komentarz