Tutorial HTMLData publicarii: Februarie 2006
HTML
Feb
2006
TabeleAceste etichete au o mare utilizare deoarece tabele constituie structura care sta la baza organizarii marii majoritati a paginilor web (inclusiv cea de fata).Tabelul este format din linii si coloane impartind zona in celule. Fiecare celula pastreaza informatia care va fi afisata. Pentru o afisare corecta a tabelului fiecare rand va avea acelasi numar de celule. Daca dorim ca o celula sa fie goala vom introduce un spatiu gol (space) sau codul echivalent . Pentru inserarea unui tabel este folosita perechea de etichete <table> si </table>, pentru un rand <tr> si </tr> iar pentru o celula <td> si </td>. Tabele pot fi imbricate, adica in interior pot contine unul sau mai multe tabele.
Exemplu: tabel cu 2 coloane si 2 randuri, border 1, coloana 1 latime 80px, coloana 2 latime 160px, fiecare celula are o alta culoare de fond (bgcolor)
Atributele etichetei table sunt:
Atributele etichetei td sunt:
Exemplu: un tabel in care am folosit colspan pentru a uni celulele 1 si 2 din randul 2 si rowspan pentru a uni celula 1 din randul 3 cu celula 1 din randul 4
Daca dorim sa evidentiem continutul primului rand (capul de tabel) putem folosi perechea de etichete <th> si </th> in locul etichetelor <td> si </td>. Astfel continutul celulei va fi afisat ingrosat si aliniat pe mijloc.
Exemplu: un tabel cu 3 randuri si 2 coloane folosind pe primul rand etichetele <th> si </th>
Eticheta caption va adauga o linie text deasupra tabelului, centrata pe mijloc, deobicei folosita ca fiind un titlu al tabelului. caption se plaseaza obligatoriu imediat dupa tag-ul table dar inainte de prima eticheta tr.
Exemplu: un tabel cu 4 randuri si 2 coloane folosind eticheta caption
Exemplu: tabelului anterior ii adaugam o imagine de fundal folosind style in zona head
<html>
<head> <style type="text/css"> #fundal { background-image : url(poza.jpg); } </style> </head> <body> <table border="1" id="fundal"> ... </body> </html>
Legenda: |
Copyright © 2005-2023
Termeni si conditii
| ||||||||||||||||||||||||||||||||||||||||||||||||||
Comentarii:
George 11-03-2013
Nu inteleg cum pot uni 2 celule din tabel si sa pun fundal o imagine. Cu chenarul border=1 am inteles. Poate ma ajuti tu. George
Autor 12-03-2013
Celulele alaturate pe orizontala se unesc cu colspan, iar cele pe verticala cu rowspan. Ultimul exemplu din acest articol explica cum o imagine poate fi folosita ca fundal
Daniel 06-06-2013
cum pot sa adaug poze in celule?
Autor 06-06-2013
Cod HTML pentru introducere fisier poza.jpg intr-o celula a tabelului
<td><img src="poza.jpg"></td> |