Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Atributele tabele
1. Atributele etichetei table sunt:
border = bordura (0 = lipsa bordura)
width = latimea tabelului
height = inaltimea tabelului
bgcolor = culoarea de fundal
background = imaginea de fundal
cellspacing = distanta intre celule
cellpadding = distanta dintre marginea celulei si continut
Valorile acestor atribute pot fi:
numere întregi pozitive reprezentând lăţimea respectiv înălţimea în pixeli a tabelului;
numere întregi între 1 şi 100, urmate de semnul %, reprezentând fracţiunea din lăţimea şi
înălţimea totala a paginii.
Atributele etichetei td sunt:
align = aliniere pe orizontala a continutului (left=stanga, right=dreapta, center=centru)
valign = aliniere pe verticalala a continutului (top=sus, bottom=jos, middle=mijloc)
width = latimea celulei
height = inaltimea celulei
bgcolor = culoarea de fundal
background = imaginea de fundal
colspan = uneste celula cu cea din dreapta ei
rowspan = uneste celula cu cea de sub ea
HTML Afisare
<table border="1">
<tr> <td bgcolor="white">R1 C1</td>
<td bgcolor="yellow">R1 C2</td>
<td bgcolor="white">R1 C3</td>
<td bgcolor="yellow">R1 C4</td> </tr>
<tr> <td colspan="2" bgcolor="red">R2 C1+C2</td>
<td bgcolor="yellow">R2 C3</td>
<td bgcolor="red">R2 C4</td> </tr>
<tr> <td rowspan="2" bgcolor="white">R3 C1 + R4
C1</td>
<td bgcolor="yellow">R3 C2</td>
<td bgcolor="white">R3 C3</td>
<td bgcolor="yellow">R3 C4</td>
</tr>
<tr> <td bgcolor="red">R4 C2</td>
<td bgcolor="yellow">R4 C2</td>
R1 C1
R1
C2
R1
C3
R1
C4
R2 C1+C2
R2
C3
R2
C4
R3 C1 + R4
C1
R3
C2
R3
C3
R3
C4
R4
C2
R4
C3
R4
C4
2. <td bgcolor="yellow">R4 C3</td> <td
bgcolor="red">R4 C4</td> </tr>
</table>
Zona din jurul unui tabel
Valoarea atributului hspace a etichetei <table> reprezinta distanţa pe orizontala dintre imagine şi
text (spre exemplu)
Valoarea atributului vspace a etichetei <table> reprezinta distanţa pe verticala dintre imagine şi text
(spre exemplu)
3. <TR [ ALIGN=left|center|right]
[ VALIGN=top|middle|bottom|baseline]
[ BGCOLOR="#rrggbb"|culoare]
[ BORDERCOLOR="#rrggbb"|culoare]
[ BORDERCOLORLIGHT="#rrggbb"|culoare]
[ BORDERCOLORDARK="#rrggbb"|culoare]
[ BACKGROUND="URL-imagine"]>
["continut-linie"]
[</TR>]
Defineste o linie într-un tabel. Acest tag trebuie sã fie scufundat în tagul TABLE si anume fiecare
linie a tabelului care se vrea marcat trebuie sã aibã corespondent un tag TR.
ALIGN precizeazã modul în care continutul celulelor liniei se va alinia orizontal în interiorul
celulelor;
VALIGN precizeazã modul în care continutul celulelor se va alinia vertical în interiorul celule lor;
BGCOLOR indicã fondul colorat al liniei. Aceasta este extensie Netscape si Microsoft.
BORDERCOLOR este culoarea bordurii celulelor. Aceasta este o extensie Microsoft;
BORDERCOLORLIGHT este culoarea liniei luminoase dintr-o bordurã umbritã a celulelor.
BORDERCOLORDARK este culoarea umbrei dintr-o bordurã umbritã a celulelor.
BACKGROUND specificã adresa URL a fisierului imagine utilizat drept fundal pentru fiecare
celulã a liniei.
continut-linie contine tagurile TH sau TD de definire a celulelor liniei curente.
În exemplul urmãtor se vede cum setãrile generale de aliniere si culoare, pentru întregul tabel,
sunt înlocuite de cele precizate pentru o linie (cea de antet):
<TABLE BORDER=5 CELLSPACING=6 CELLPADDING=10 BGCOLOR="#ADEADA"
ALIGN=center>
<CAPTION ALIGN=top>Tabelul II</CAPTION>
<TR BGCOLOR="#00AA00" ALIGN=right><TH>Coloana 1</TH><TH>Coloana
2</TH></TR>
<TR><TD>Celula 1.1</TD><TD>Celula 1.2</TD></TR>
<TR><TD>Celula 2.1</TD><TD>Celula 2.2</TD></TR>
</TABLE>