Micile blocuri ordonate de date, aranjate dreptunghiular într-o maniera frumoasa, ne atrag pe multi dintre noi, si nu exista o cale mai buna de a organiza lucrurile pe linii si coloane decât un tabel. Tabelele sunt usor de folosit si de realizat, în special daca urmati un plan logic când va aran 323f57d jati datele prima oara.
Crearea unui tabel simplu:
1.Adaugati un tabel simplu paginii dumneavoastra cu eticheta <Table> .
Pont de folosire rapida:
<Table summary="cuprins" align="aliniere" frame="tipcadru" border="tipchenar" rules="tiprigla" width="latimecol" cellspacing="canal" cellpadding="canal"> ,unde cuprins este o scurta descriere a tabelului; aliniere este alinierea implicita a tabelului; tipcadru ia valorile: void, above, below, hsides, lhs, rhs, vsides, box sau border; tipchenar este valoarea în pixeli a latimii chenarului; tiprigla ia valorile: none, groups, rows, cols sau all;latimecol este latime implicita a elementelor coloana; si canal este dimensiunea spatiului din celula si respectiv din afara celulei.
2.Definiti liniile cu eticheta <TR>
Pont de folosire rapida:
<TR align="aliniere" valign="aliniereverticala" char="caracterzecimal" charoff="decalarezecimala"> , unde aliniere ia valorile: left, center, right, justify sau char; aliniereverticala ia valorile: top, middle, bottom sau baseline; caracterzecimal este caracterul zecimal folosit pentru a alinia datele; decalarezecimala este decalarea în pixeli fata de pozitia zecimala.
3.Definiti celulele capului de tabel cu eticheta <TH>
Pont de folosire rapida:
<TH abbr="abreviere" axis="anteturiînrudite" headers="idantet" scop="domeniu" colspan="interval" align="aliniere" valign="aliniereverticala" char="caracterzecimal" charoff="decalare zecimala"> , unde abreviere reprezinta abrevierea celulei din capul de tabel; anteturiînrudite este o lista de grupuri de capete de tabel înrudite; idantet este o lista de identificatori de celule din capul de tabel; domeniu este domeniul acoperit de capul de tabel; interval este numarul de linii sau de coloane pe care se întinde o celula; aliniere ia valorile: left, center, right, justify sau char; aliniereverticala ia valorile:top, middle, bottom sau baseline; caracterzecimal este caracterul zacimal folosit pentru a alinia datele; decalarezecimala este decalarea în pixeli fata de pozitia zecimala.
4.Definiti celulele de date cu eticheta <TD>
Pont de folosire rapida:
Tabelele sunt cu adevarat grozave pentru organizarea datelor în linii si coloane si nu necesita multa migala daca porniti cu dreptul. Secretul pentru o editare a tabelelor fara erori si batai de cap consta în vechiul sfat: aranjati datele mai întâi si apoi adaugati etichetele pentru a le transforma în tabele.
ex.1: <table>
<caption align="top"><font color="green" size="4">Evidenta clientilor pe nationalitati in cursul anului 2000</font>
<br><br><br>
<tr>
<th> Nationalitate </th>
<th>Româna</th> <th>Daneza</th>
<th>Germana</th> <th>Engleza</th>
<th>Spaniola</th> <th>Italiana</th>
<th>Chineza</th> <th>Turca</th>
</tr>
<tr>
<th>Ianuarie</th> <th>9%</th> <th>11%</th> <th>25%</th> <th>10%</th> <th>9%</th> <th>15%</th> <th>9%</th> <th>11%</th></tr>
<tr><th>Februarie</th> <th>11%</th> <th>16%</th> <th>13%</th> <th>12%</th> <th>11%</th> <th>12%</th> <th>15%</th> <th>10%</th></tr>
<tr><th>Martie</th> <th>15%</th> <th>12%</th> <th>15%</th> <th>13%</th> <th>15%</th> <th>20%</th> <th>7%</th> <th>13%</th></tr>
<tr><th>Aprilie</th> <th>10%</th> <th>15%</th> <th>9%</th> <th>14%</th> <th>21%</th> <th>11%</th> <th>11%</th> <th>9%</th></tr>
<tr><th>Mai</th> <th>3% </th> <th> 7%</th> <th>23%</th> <th>6%</th> <th>29%</th> <th>21%</th> <th>6%</th> <th>5%</th></tr>
<tr><th>Iunie</th> <th>5% </th> <th> 5%</th> <th>15%</th> <th>12%</th> <th>11%</th> <th>12%</th> <th>19%</th> <th>21%</th></tr>
<tr><th>Iulie</th> <th>0%</th> <th>2%</th> <th>6%</th> <th>8%</th> <th>2%</th> <th>0%</th> <th>21%</th> <th>51%</th></tr>
<tr><th>August</th> <th>3%</th> <th>0%</th> <th>19%</th> <th>17%</th> <th>21%</th> <th>11%</th> <th>11%</th> <th>18%</th></tr>
<tr><th>Septembrie</th> <th>2%</th> <th>11%</th> <th>0%</th> <th>0%</th> <th>19%</th> <th>23%</th> <th>14%</th> <th>30%</th></tr>
<tr><th>Octombrie</th> <th>3%</th> <th>9%</th> <th>6%</th> <th>12%</th> <th>11%</th> <th>12%</th> <th>9%</th> <th>38%</th></tr>
<tr><th>Noiembrie</th> <th>13%</th> <th>7%</th> <th>11%</th> <th>16%</th> <th>13%</th> <th>9%</th> <th>11%</th><th>20%</th></tr>
<tr><th>Decembrie</th> <th>21%</th> <th>10%</th> <th>11%</th> <th>4%</th> <th>11%</th> <th>11%</th> <th>13%</th> <th>19%</th></tr>
</tr>
</table>
1.Imbricati tabelele prin includerea unui întrg tabel dintr-o celula de tabel.
2.Eliminati granitele dintre celule folosind atributele colspan si rowspan
Tabelele pot fi imbricate si celulele se pot întinde pe mai multe linii si coloane, pentru a va permite un control aproape complet asupra marimii si pozitiei din tabel.
1.Folositin eticheta <Thead> pentru a defini sectiunea de antet (capul de tabel), care poate ramâne tot timpul vizibila chiar atunci când corpul tabelului defileaza.
Pont de folosire rapida:
<THEAD align="aliniere" valign="alinereverticala" char="caracterzecimal" charoff="decalare zecimala"> , unde aliniere ia valorile: left, center, right, justify sau char; alinierevarticala ia valorile: top, middle, bottom sau baseline; caracterzecimal este caracterul zecimal folosit pentru a alinia datele; decalare zecimala este decalarea în pixeli fata de pozitia zecimala.
2.Folositi eticheta <Tbody> pentru a defini una sau mai multe sectiuni care contin date .
Pont de folosire rapida:
<TBODY align="aliniere" valign="aliniereverticala" char="caracterzecimal" charoff="decalare zecimala">
3.Folositi eticheta <Tfoot> pentru a defini sectiunea din subsolul paginii care poate ramâne tot timpul vizibil în timp ce corpul tabelului defileaza.
Pont de folosire rapida:
<TFOOT align="aliniere" valign="aliniereverticala" char="caracterzecimal" charoff="decalare zecimala">
Aceste etichete nu sunt larg acceptate înca, dar când vor fi vor permite browserelor sa efectueze derulari sofisticate ale corpului datelor, mentinând informatiile din capul si subsolul tabelului vizibile, lucru care este foarte enervant când nu se întâmpla, la parcurgerea tabelelor mari în browserele actuale.
Atributele de aliniere afecteaza toate liniile si toate coloanele din domeniul etichetelor, deci ele reprezinta un mod foarte convenabil de a introduce un numar mare de atribute deodata.
1.Inserati o eticheta <Caption> imediat dupa eticheta <Table> pentru a da un titlu tabelului.
2.Titlul poate fi plasat La începutul sau la sfârsitul tabelului, cu atributul align.
Pont de folosire rapida:
<Caption align="aliniere">, unde aliniere ia valoarea top sau bottom.
Adaugarea unui titlu este asa de simpla, încât va vom arata doar codul.
<Caption align="top"> Evidenta clientilor pe nationalitati
Ati putea plasa de asemenea o nota în subsolul tabelului, daca preferati ca titlurile tabelelor sa apara mai jos:
<Caption align="bottom">Yellow Hotel
|
