FurioS Community

Bine ai venit pe Furios Romania. In caz ca nu ai un cont, inregistreaza-te sau daca ai, logheaza-te.
Citeste regulamentul pentru binele tau si pentru a-ti pastra contul impecabil.

FurioS Community

Daca vreti sa beneficiati de tot forumul inregistrati-va ! 
AcasaAcasa  InregistrareInregistrare  ConectareConectare  
Furios Community

Distribuiţi|

HTML-tabele

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
rLx.
Fondator
avatar


Rank: Fondator
Mesaje : 1905
Data de inscriere : 07/11/2012
Varsta : 21
Localizare : Moldova
MesajSubiect: HTML-tabele Mar Dec 04, 2012 12:49 pm

Tabelele pot aparea dificile la inceput, dar cu
putina rabdare si practica vei vedea ca nu sunt asa cum par. Tagul
<table> este folosit pentru a deschide un tabel. Inauntrul acestui
tag vom gasi alte doua taguri tipice <tr> (liniile tabelului) si
<td> (coloanele tabelului). Dar cea mai buna explicatie ar fi in
momentul de fata un exemplu:

<table border="1">

<tr><td>Row
1 Cell 1</td><td>Row 1 Cell 2</td></tr>
<tr><td>Row 2 Cell 1</td><td>Row 2 Cell
2</td></tr>

</table>
Vizualizare
Row 1 Cell 1 Row 1 Cell 2
Row 2 Cell 1 Row 2 Cell 2



Continutul
va fi plasat in interiorul casutelor tabelului. O casuta este ceea ce
se afla intre <td> si </td>. Atributul border stabileste
latimea marginii tabelului.
HTML - Tabele asimetrice

Pentru a
forma tabele asimetrice vom folosi "rowspan" pentru a traversa mai mute
linii si "colspan" pentru a traversa mai multe coloane. Deasemenea daca
vrem ca prima linie sa serveasca de titluri pentru toate coloanele vom
folosi tagul <th>. Acestea vor fi scrise cu litere ingrosate dupa
cum vom vedea in exemplu urmator:

<table border="1">
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr><td rowspan="2">Row 1 Cell 1</td>
<td>Row 1 Cell 2</td><td>Row 1 Cell 3</td></tr>
<tr><td>Row 2 Cell 2</td><td>Row 2 Cell 3</td></tr>
<tr><td colspan="3">Row 3 Cell 1</td></tr>
</table>
Vizualizare

Column 1


Column 2


Column 3
Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3
Row 2 Cell 2 Row 2 Cell 3
Row 3 Cell 1

HTML - Spatierea celulelor

Cu
ajutorul atributelor "cellpadding" si "cellspacing" vom defini distanta
dintre celule. "cellspacing" stabileste marimea marginii, iar
"cellpandding" stabileste distanta dintre margine si continut. In
exemplu urmator a fost adaugata deasemenea putina culoare.

<table border="1" cellspacing="10"
bgcolor="rgb(0,255,0)">
<tr>
<th>Column 1</th> <th>Column 2</th>
</tr>
<tr><td>Row
1 Cell 1</td><td>Row 1 Cell 2</td></tr>
<tr><td>Row 2 Cell 1</td><td>Row 2 Cell
2</td></tr>
</table>
VIzualizare

Vizualizeaza acest exemplu intr-o fereastra noua.



Pentru a face mai bine diferenta vom elimina marginea din exemplu anterior.

<table border="1" cellpadding="10"
bgcolor="rgb(0,255,0)">

<tr>

<th>Column 1</th>
<th>Column 2</th>

</tr>

<tr><td>Row
1 Cell 1</td><td>Row 1 Cell 2</td></tr>
<tr><td>Row 2 Cell 1</td><td>Row 2 Cell
2</td></tr>

</table>



Distanta
intre celule si dimensiunea margini va fi inerpretata de browser in
pixeli. Conform acestei "legi" o valoare de 10 sunt de fapt 10 pixeli.
Acest atribut nu este singurul care foloseste ca unitate de masura,
pixeli, dar vom invata despre celelalte pe masura ce vom innainta in
urmatoarele tutoriale.





Sus In jos
http://furios.forumer.ro

HTML-tabele

Vezi subiectul anterior Vezi subiectul urmator Sus

Subiecte similare

-
t Cod HTML pentru Flashscore
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
FurioS Community :: Alte tutoriale-