Sunteți pe pagina 1din 2

HTML Inserarea tabelelor 2

Dimensionarea unui tabel


Dimensiunile unui tabel - limea i nlimea - pot fi stabilite exact prin intermediul atributelor width i height
ale etichetei <TABLE>. Valorile acestor atribute pot fi:
numere ntregi pozitive reprezentnd limea respectiv nlimea n pixeli a tabelului
numere ntregi ntre 1 i 100, urmate de semnul %, reprezentnd procente din limea i nlimea total
a paginii.

Dimensionarea celulelor unui tabel


Dimensiunile unei celule de tip <TD> sau de tip <TH> pot fi stabilite exact cu ajutorul a dou atribute ale
acestor etichete: width pentru lime i height pentru nlime. Valorile posibile ale acestor atribute sunt:
numere ntregi pozitive (inclusiv 0) reprezentnd dimensiunea n pixeli a limii, respectiv a nlimii
unei celule
procente din limea, respectiv nlimea tabelului.
Exemplu
<HTML>
<HEAD> Tabelul va avea 4 linii si 2 coloane
<TITLE> Tabele </TITLE>
</HEAD>
<BODY>
<H1 align="center">Album de </H1><HR> Tabel cu lungimea 100% si latimea 90%
<TABLE border=3 width="100%" height="90%"> din pagina
<TR>
<TH height=10>Nume fotografie Celule cu inaltimea 10 pixeli
1
<TH height=10>Nume fotografie
2
<TR>
<TD>Fotografie 1
<TD>Fotografie 2 Celule cu inaltimea 10 pixeli
<TR>
<TH height=10>Nume fotografie
3
<TH height=10>Nume fotografie
4
<TR>
<TD>Fotografie 3
<TD>Fotografie 4
</TABLE>
</BODY>
</HTML>
</TABLE>
</BODY>
</HTML>

Exercitiu
1. Gsii un titlu potrivit pentru album i inserai patru imagini n tabel (liniile 2 i 4). Specificai un nume
pentru fiecare imagine (liniile 1 si 3). Fotografiile se pot aduga i ca background la celule: <TD
background=nume fisier>.
2. Distana dintre dou celule vecine se definete cu ajutorul atributului cellspacing al etichetei
<TABLE>. nlocuii <TABLE > cu <TABLE border=3 width="100%" height="90%"
cellspacing=10> i vizualizai efectul n browser.
3. Distana dintre marginea unei celule i coninutul ei poate fi definit cu ajutorul atributului cellpadding
al etichetei <TABLE>. nlocuii <TABLE > cu <TABLE border=3 width="100%" height="90%"
cellspacing=10 cellpadding=10> i vizualizai efectul n browser.
4. Celulele unui tabel se pot unifica.
colspan - realizeaz extinderea unei celule peste celulele din dreapta ei. Valoarea atributului
determin numrul de celule care se unific.
rowspan - realizeaz extinderea unei celule peste celulele de sub ea. Valoarea atributului
determin numrul de celule care se unific
Adugai o nou linie la tabel (linia 5) care va conine o singur celul (se vor unifica 2 celule):
<TR>
<TH height=10 colspan=2> Realizat de ..
i vizualizai efectul n browser.
5. Renunai la bordurile tabelului (tergei atributul border din eticheta TABLE) i vizualizai efectul n
browser.

S-ar putea să vă placă și