|
Myha
Moderator
Inregistrat: acum 18 ani
Postari: 5
|
|
O altă modalitate de a structura informaţia unui document Web constă în utilizarea tabelelor. Acestea se creează cu ajutorul tagului <table>.
Crearea tabelelor – Tagul <table>
Tagul <table> acceptă următoarele atribute:
• width, height – specifică lungimea, respectiv înălţimea tabelului. Valorile primite de cele două atribute pot fi exprimate în pixeli, ca valori absolute, sau în procente din dimensiunea blocului părinte.
• border – controlează afişarea/ascunderea chenarului celulelor tabelului şi, eventual, permite specificarea grosimii sale. Chenarul celulelor are un aspect tridimensional. Implicit, atunci când lipseşte, atributul border are valoarea 0, caz în care chenarul celulelor nu va mai fi trasat, însă se va păstra organizarea sub formă de tabel a conţinutului. Dacă atributul border este prezent, dar nu este însoţit de nici o valoare, se va trasa în jurul celulelor un chenar a cărei lăţime este dependentă de browserul utilizat. Specificarea explicită a grosimii chenarului se realizează transmiţând ca valoare a atributului border grosimea dorită, exprimată în pixeli.
• cellpading – controlează distanţa, exprimată în pixeli, dintre conţinutul unei celule şi chenarul său. Implicit, atributul cellpading are valoarea 1.
• cellspacing - controlează distanţa, exprimată în pixeli, dintre două celule. Implicit, atributul cellspacing are valoarea 2.
• bgcolor – permite specificarea unei culori de fundal a tabelului. Valoarea primită de atribut este dată fie sub forma tripletului hexa #rrggbb, fie o constantă predefinită de culoare.
• background – permite afişarea unei imagini de fundal a tabelului. Atributul primeşte ca valoare adresa URL a imaginii.
• bordercolor – permite specificarea culorii chenarului celulelor, exprimată fie sub forma tripletului hexa #rrggbb, fie ca o constantă predefinită de culoare. Utilizarea acestui atribut nu are sens atunci când atributul border nu există sau este setat pe 0.
• bordercolorlight, bordercolordark – setează culoarea luminoasă, respectiv culoarea umbrită, a unui chenar tridimensional. Utilizarea celor două atribute are sens numai în prezenţa atributului border.
• valign – specifică modul de aliniere verticală în interiorul celulelor. Alinierea poate fi: top, bottom, center (valoare implicită .
• align – specifică modul de aliniere al tabelului în cadrul ferestrei browserului. Ca şi în cazul imaginilor, restul elementelor documentului pot umple marginile tabelului. Atributul align poate primi valorile left, right, center.
Un tabel este organizat ca o succesiune de rânduri (orizontale), fiecare rând fiind împărţit în coloane (verticale). Intersecţia dintre un rând şi o coloană defineşte o celulă.
Definirea rândurilor – Tagul <tr> (Table Row)
Introducerea rândurilor într-un tabel se realizează cu ajutorul tagului <tr>. Tagul <tr> acceptă atributele:
• align – specifică modul de aliniere orizontală a conţinutului în interiorul celulelor rândului respectiv. Alinierea poate fi: left (valoare implicită, right, center;
• valign - specifică modul de aliniere verticală a conţinutului celulelor rândului în cauză. Alinierea poate fi: top, middle, bottom, baseline. În cazul valorii baseline, toate elementele celulelor vor fi aliniate la aceeaşi linie de bază;
• bgcolor – permite specificarea, numai pentru Internet Explorer, a culorii chenarului rândului. Culoarea poate fi specificată printr-un triplet hexa #rrggbb sau cu ajutorul unei constante predefinite de culoare;
• background – primeşte ca valoare adresa URL a unei imagini pe care o va afişa ca fundal al rândului curente. Atributul este acceptat numai de către Netscape Comuicator;
• bordercolorlight, bordercolordark – atributele au aceeaşi semnificaţie ca în cazul includerii lor în tagul <table>, numai că se vor referi la chenarul rândului curent.
• title – permite afişarea unui mesaj când mouse-ul se opreşte deasupra rândului.
OBS : O mare parte dintre atributelor asociate tabelelor sunt comune tagurilor <table>, <tr> şi <td> . În cazul în care un asemenea tag este definit simultan în două taguri diferenţiate ierarhic, prioritară va fi valoarea atributului din tagul cel mai recent. De exemplu, dacă considerăm tagul <table bgcolor=”red”> , definind culoarea rosie drept culoare de fundal a tabelului, apoi includem în tabel tagul <tr bgcolor=”blue”>, vom constata că rândul curent are ca fundal culoarea albastră, aceasta fiind culoarea definită în tagul cel mai recent (inferior ierarhic).
Definirea celulelor – Tagul <td> (Table Data)
Definirea celulelor unui tabel se realizeaeză cu ajutorul tagului <td>. Tagul acceptă atributele:
• align – setează modul de aliniere orizontală a conţinutului celulei respective. Alinierea poate fi: left, center, right.
• valign– setează modul de aliniere verticală a conţinutului celulei respective. Alinierea poate fi: left, center, right, baseline.
• width, height – setează lungimea, respectiv lăţimea celulei curente.
Dimensiunile sunt exprimate fie în valori absolute (pixeli), fie în procente din dimensiunile corespunzătoare ale tabelului. Se recomandă ca toate celulele unui rând/coloană să aibă aceeaşi înălţime/lungime, pentru a nu altera forma tabelului.
• bgcolor – setează culoarea fundalului celulei, analog includerii în tagurile <table> sau <tr>.
• background – permite afişarea unei imagini de fundal a celulei, analog includerii în tagurile <table> sau <tr>.
• bordercolor, bordercolorlight, bordercolordark – atributele sunt recunoscute numai de către Internet Explorer şi au aceeaşi semnificaţie ca şi în cazul tagurilor <table> şi <tr>, numai că se referă la chenarul celulei curente.
• nowrap – prezenţa acestui atribut inhibă posibilitatea ca textul unei celule să fie „spart” în mai multe linii. Din motive lesne de înţeles, nu se recomandă utilizarea excesivă a acestui atribut.
• colspan, rowspan – permit unirea mai multor celule aflate pe aceeaşi coloană, respectiv rând, într-una singură. Implicit, cele două atribute au valoarea 1.
• title- afişează un mesaj atunci când mouse-ul se află în repaos pe suprafaţa celulei.
Definirea antetelor – Tagul <th> (Table Header)
Celulele – antet sunt identice cu celulele data (td – Table Data), cu două excepţii:
• Conţinutul de text al celulelor header este scris cu litere aldine;
• Atributul align are, implicit, valoarea center.
Titlul tabelului – Tagul <caption>
Tagul <caption> defineşte titlul unui tabel. El este prezent în interiorul perechii <table> </table>, dar nu în definiţia unui rând sau a unei celule. Tagul acceptă următoarele atribute:
• align – atributul align poate primi valorile:
o top, bottom – controlează poziţia titlului faţă de tabel (deasupra/dedesupt);
o left, center, right – controlează alinierea orizontală a titlului. Valorile sunt recunoscute numai de către Internet Explorer. În cazul acestui browser, poziţionarea titlului deasupra sau dedesuptul tabelului se realizează cu ajutorul atributului valign.
• valign – pentru Internet Explorer, contolează poziţionarea titlului faţă de tabel (deasupra sau dedesupt). Poate lua valorile top sau bottom.
|
|
