ex ~thereau~ ,new nick Rapk1d
Salut [b]Vizitator ! Ai postat pana acum 5mesaje.
Esti inscris din data de
Joi Ian 01, 1970.[color=green]
Ultima vizita a fost in Joi Ian 01, 1970.
Sa ii uram bun venit lui ionutpogonici , ultimul membru! Inregistreaza-te si intra in staff-ul nostru![/b]

Alăturați-vă forumului, este rapid și ușor

ex ~thereau~ ,new nick Rapk1d
Salut [b]Vizitator ! Ai postat pana acum 5mesaje.
Esti inscris din data de
Joi Ian 01, 1970.[color=green]
Ultima vizita a fost in Joi Ian 01, 1970.
Sa ii uram bun venit lui ionutpogonici , ultimul membru! Inregistreaza-te si intra in staff-ul nostru![/b]
ex ~thereau~ ,new nick Rapk1d
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Tutoriale html-Tabele

In jos

Tutoriale html-Tabele Empty Tutoriale html-Tabele

Mesaj Scris de Vizitato Mier Iul 21, 2010 11:00 pm

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

.

.

Row 1 Cell 1Row 1 Cell 2
Row 2 Cell 1Row 2 Cell 2
.


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
si . Acestea vor fi scrise cu litere ingrosate dupa cum vom vedea in exemplu urmator: .











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


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. .

bgcolor="rgb(0,255,0)">




Column 1 Column 2
Row 1 Cell 1Row 1 Cell 2
Row 2 Cell 1Row 2 Cell 2
.


VIzualizare
Vizualizeaza acest exemplu intr-o fereastra noua. .


.

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

bgcolor="rgb(0,255,0)"> .

.


.

.

.

Column 1Column 2
Row 1 Cell 1Row 1 Cell 2
Row 2 Cell 1Row 2 Cell 2
.


Vizualizare
Vizualizeaza acest exemplu intr-o fereastra noua. .


.

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. .
avatar
Vizitato
Vizitator


Sus In jos

Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum