Tabele HTML

Tabelele din limbajul HTML sunt utilizate pe paginile web, scopul pricipal fiind aranjarea informatiilor intr-un tabel. Mai putin evidente - dar mai des folosite - cu scopul de a crea o pagina prin utilizarea tabelelor ascunse. Utilizarea tabelelor pentru a imparti pagina in mai multe sectiuni este un instrument extrem de puternic. Aproape toate marile site-uri de pe web utilizeaza tabele invizibile pentru scheme de pagini. Cele mai important aspecte care se pot face cu tabele sunt:

• Impartirea unei pagini in sectiuni separate. Un tabel invizibil este excelent pentru acest scop.
• Crearea de meniuri. In mod tipic, cu o culoare pentru antet si un altul pentru legaturile urmatoare in urmatoarele randuri.
• Adaugarea de campuri intr-un formular interactiv. In mod tipic, o zona gri care contine o optiune de cautare.
• Crearea de anteturi pentru pagina cu incarcare rapida.
• Aliniere usoara a imaginilor.
• Un mod simplu de a permite text pentru a fi scrise in doua sau mai multe coloane langa altul.

Cu toate acestea, exista cateva lucruri care trebuie avut in vedere. Cel mai important este faptul ca tabelul nu este afisat pana cand continutul acestuia nu este incarcat in intregime. Daca aveti pagini foarte lungi, probabil continutul acestuia trebuie inclus impartite in mai multe table care va permite utilizatorului sa citeasca partea de sus a paginii pana cand restul se va incarca.

Tabelele HTML

Tabelele sunt definite cu eticheta <table>.

Cand vrem sa adaugam un tabel intr-o pagina pur si simplu adaugam aceste etichete si tabelul va fi afisat:

<table>
</table>

Tabelul de mai sus nu e de folos, deoarece acesta nu are nici un rand si nici o coloana.

Tabelele utilizate in html sunt alcatuite din celule structurate in randuri.

Randuri in tabele

Un rand este format din mai multe celule, pentru adaugarea unui rand se va folosi etichetele <tr> si </tr>.

De exemplu:

<table>
<tr> </tr>
<tr> </tr>
</table>

Acest exemplu insa nu putem folosi pentru ca inca nu am definit celulele iar textul scris ar fi in afara celulelor de tabel.

Coloana

Tabelul se poate imparti in randuri si de coloane cu eticheketel <td> si </td>:

Exemplu:

<table>
<tr> <td> Acesta este un rand, din partea stanga. </td> <td> Acesta este un rand, din partea  dreapta. </td> </ tr>
<tr> <td> Aceasta este randul doi, din partea stanga. </td> <td> Aceasta este randul doi, din partea  dreapta. </td> </ tr>
</table>

Rezultatul este:

Acesta este un rand, din partea stanga.	Acesta este un rand, din partea dreapta.
Aceasta este randul doi, din partea stanga.	Aceasta este randul doi, din partea dreapta.