TABELE HTML

Tabelele sunt definite cu ajutorul tag-ului <table>. Un tabel este impartit in randuri cu tag-ul <tr> iar fiecare rand este impartit in coloane cu tag-ul <td>. Literele td vin de la “tabledata” ceea ce reprezinta continutul unei celule. O celula poate contine text, imagini, liste, paragrafe, formulare, alte tabele, etc.

Exemplu:

<table border="1"> <tr> <td>rand 1,celula 1</td> <td>rand 1,celula 2</td> </tr> <tr> <td>rand 2,celula 1</td> <td>rand 2,celula 2</td> </tr> </table>

Iata si cum arata exmplul de mai sus in browser:

rand 1, celula 1	rand 1, celula 2
rand 2, celula 1	rand 2, celula 2

Tabelele si atributul border

Daca nu se specifica nici un atribut border atunci tabelul va fi afisat fara nici o burdura. Exemplul de mai sus afiseaza un tabel cu bordura setata la un pixel grosime.

Heading-uri  intr-un tabel

Heading-urile intr-un tabel sunt definite cu tag-ul <th>.

Exemplu de tebel cu heading:

<table border="1"> <tr> <th>Heading 1</th> <th>Heading 2</th> </tr> <tr> <td>rand 1, celula 1</td> <td>rand 1, celula 2</td> </tr> <tr> <td>rand 2, celula 1</td> <td>rand 2, celula 2</td> </tr> </table>

Iata si cum va arata in browser:

Heading 1	Heading 2
rand 1, celula 1	rand 1, celula 2
rand 2, celula 1	rand 2, celula 2

Celule goale intr-un tabel

O celula goala nu este afisata bine in toate browser-ele. Bordura din jurul unei tabele nu este afisata decat de browser-ul Mozila Firefox. Pentru ca si celalte browsere sa afiseze bordura in jurul unei astfel de celule trebuie introdus un spatiu in celula (&nbsp;).

Pont HTML

Elementele <thead>,<tbody> and <tfoot> sunt foarte rar utilizate datorita suportului foarte slab in majoritatea browser-elor. Se asteapta o imbunatatire considerabila a suportului pentru aceste elemente in versiunile ulterioare.

Tag-urile Tabel

Tag	Descriere
<table>	Defineste un tabel
<th>	Defineste capul tabelului
<tr>	Defineste un rand
<td>	Defineste o celula a tabelului
<caption>	Defineste legenda
<colgroup>	Defineste un grup de celule
<col>	Defineste valorile atributului unei celule a tabelului
<thead>	Defineste capul de tabel
<tbody>	Defineste corpul tabelului
<tfoot>	Defineste subsolul (footer-ul) unui tabel