KuGGeR Community
Cateva motive pentru care sa va INREGISTRATI:
-- pentru a vedea intregul continut al forumului
-- sa faceti parte din comunitatea noastra
-- pentru socializare
-- pentru a va posta parerile voastre

ALATURATI-va comunitatii noastre!!!
KuGGeR Community
Cateva motive pentru care sa va INREGISTRATI:
-- pentru a vedea intregul continut al forumului
-- sa faceti parte din comunitatea noastra
-- pentru socializare
-- pentru a va posta parerile voastre

ALATURATI-va comunitatii noastre!!!
KuGGeR Community
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.



 
AcasaPortalGalerieUltimele imaginiÎnregistrareConectare

MOD: ZOMBIE 4.3+ZOMBIE XP  10 ADMINE FREE!!! Cerere.


Distribuiţi|

HTML-tabele

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
niku
HTML-tabele   Icon_user_offline
Membru
niku


Rank: Membru
masculin
Mesaje : 130
Puncte : 43292
Reputatie : 1
Data de inscriere : 31/07/2012
Localizare : iasi
Joburi/Distractii : cs
Stare de spirit : buna
HTML-tabele   Empty
MesajSubiect: HTML-tabele HTML-tabele   EmptyMier Aug 08, 2012 10:22 am

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
Ph03n1X
HTML-tabele   Icon_user_offline
Fondator
Ph03n1X


Rank: Fondator
masculin
Mesaje : 349
Puncte : 44325
Reputatie : 26
Data nasterii : 05/07/1995
Data de inscriere : 22/05/2012
Varsta : 28
Localizare : Cugir
Joburi/Distractii : Sex,Cs,biliard
Stare de spirit : Ma simt fresh
HTML-tabele   Empty
MesajSubiect: Re: HTML-tabele HTML-tabele   EmptyMier Aug 08, 2012 10:32 am

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Sus In jos
https://kugger.forumgratuit.ro
niku
HTML-tabele   Icon_user_offline
Membru
niku


Rank: Membru
masculin
Mesaje : 130
Puncte : 43292
Reputatie : 1
Data de inscriere : 31/07/2012
Localizare : iasi
Joburi/Distractii : cs
Stare de spirit : buna
HTML-tabele   Empty
MesajSubiect: Re: HTML-tabele HTML-tabele   EmptyMier Aug 08, 2012 10:36 am

mai am multe de astea [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Sus In jos
Ph03n1X
HTML-tabele   Icon_user_offline
Fondator
Ph03n1X


Rank: Fondator
masculin
Mesaje : 349
Puncte : 44325
Reputatie : 26
Data nasterii : 05/07/1995
Data de inscriere : 22/05/2012
Varsta : 28
Localizare : Cugir
Joburi/Distractii : Sex,Cs,biliard
Stare de spirit : Ma simt fresh
HTML-tabele   Empty
MesajSubiect: Re: HTML-tabele HTML-tabele   EmptyMier Aug 08, 2012 10:38 am

posteaza aici.... poti sa folosesti si culori sa vedem ce ii mai interesant[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Sus In jos
https://kugger.forumgratuit.ro
niku
HTML-tabele   Icon_user_offline
Membru
niku


Rank: Membru
masculin
Mesaje : 130
Puncte : 43292
Reputatie : 1
Data de inscriere : 31/07/2012
Localizare : iasi
Joburi/Distractii : cs
Stare de spirit : buna
HTML-tabele   Empty
MesajSubiect: Re: HTML-tabele HTML-tabele   EmptyMier Aug 08, 2012 10:39 am

ok
Sus In jos
niku
HTML-tabele   Icon_user_offline
Membru
niku


Rank: Membru
masculin
Mesaje : 130
Puncte : 43292
Reputatie : 1
Data de inscriere : 31/07/2012
Localizare : iasi
Joburi/Distractii : cs
Stare de spirit : buna
HTML-tabele   Empty
MesajSubiect: Re: HTML-tabele HTML-tabele   EmptyMier Aug 08, 2012 10:40 am

HTML-entitati&simboluri

In HTML "entitati" este un numele tehnic pentru
"simboluri". Cateva simboluri precum copyright, trademark, si multe
altele, unele dintre ele disponibile pe tastatura, au nevoie de o
scriere speciala.

- Incep cu semnul "end" - &
- Dupa care vom scrie numele semnului - copy
- SI la sfarsit "punct si virgula" - ;
Copyright

Foloseste &copy; pentru a realiza- © - Simbolul Copyright.
Spatii multiple si <>

Dupa
cum am spus si in lectia despre paragrafuri, un browser va recunoaste
un singur spatiu, indiferent de cat de multe tastezi intr-un cod de
HTML. Exista insa o entitate care poate fi introdusa pentru a afisa mai
mult de un spatiu.

<p> In acesta fraza au fost introdese &nbsp;&nbsp;&nbsp;&nbsp; mai multe spatii.<p>
Vizualizare

In acesta fraza au fost introdese mai multe spatii.

Pentru
a realiza comenzi in HTML sunt folosite simbolurile "mai mult" si "mai
putin". Pentru a fi afisate in browser va trebuii sa folosim o entitate.

<p>
Mai putin - &lt; <br/>
Mai mult - &gt; <br />
Tagul head - &lt;head&gt;
</p>
Vizualizare

Mai putin - <
Mai mult - >
Tagul head - <head>

Fa
o pauza si exerseaza putin cu aceste simboluri. O lista mult mai ampla a
acestora gasesti aici. Dupa cum vei putea observa in acest tabel, poate
fi folosita deasemenea o valuare numerica in locul numelui standard al
simbolului
Sus In jos
Continut sponsorizat
HTML-tabele   Icon_user_offline


Rank:
HTML-tabele   Empty
MesajSubiect: Re: HTML-tabele HTML-tabele   Empty

Sus In jos

HTML-tabele

Vezi subiectul anterior Vezi subiectul urmator Sus
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
KuGGeR Community :: [Kugger] Diverse HTML :: Tutoriale HTML-
Social Media Buttons