Logare

Utilizator:
Parola:
Retine-ma
Inregistrare

Ultimele noutăţi

Concurs sef de sectie
La prima etapă a concursului pentru ocuparea funcţiei şef de secţie au fost admişi candidaţii: Popovici Tatiana, Florean Mihai şi Edu Inga.Pe data de 19 septembrie 2017 ora 14 10 în sala de lectură a colegiului va avea loc etapa a 2-a - Interviul..

Lucru cu tabele
Inapoi la lista cursurilor

Lucru cu tabele

Tabelele sunt elemente foarte utile pentru asezarea si prezentarea continutului intr-o pagina web.

1. Crearea de tabele

Pentru a crea tabele in paginile web se foloseste elementul

...
, acesta incadreaza alte patru sub-elemente, care alcatuiesc structura tabelului.

  • - Linia (randul) Tabelului ...
  • - Titlul Tabelului ...
  • - Coloanele tabelului (datele) ...
  • - Sub-titlu tabelului ...

Linia tabelului de obicei contine elementul pentru titlurile tabelului si elementul pentru coloanele tabelului.
In cadrul elementelor pentru titluri si coloanele tabelului se pot adauga si alte elemente HTML, cum ar fi cele pentru formatul textului, paragrafe, link-uri sau imagini
Mai jos puteti vedea un exemplu de cod HTML pentru crearea unui tabel:



   
   


   
   


   
   


   
   
titlu 1titlu 2
linia 2- coloana 1linia 2- coloana 2
linia 3- coloana 1linia 3- coloana 2
linia 4- coloana 1linia 4- coloana 2

- In pagina web apare asa:

titlu 1

titlu 2

linia 2- coloana 1

linia 2- coloana 2

linia 3- coloana 1

linia 3- coloana 2

linia 4- coloana 1

linia 4- coloana 2

2. Atributele Tabelului

  • - bgcolor   = defineste culoarea tabelului
  • - width   = specifica lungimea tabelului (In pixeli sau procente din lungimea paginii)
  • - border   = grosimea liniei (in pixeli) ce defineste tabelul si înconjoara fiecare celula
  • - cellspacing   = spatiu dintre celule (in pixeli)
  • - cellpadding   = spatiu dintre linia celulei si continutul acesteia (in pixeli)
  • - align   = controlează poziţionarea tabelului in pagina, cu următoarele atribute : left, right, sau center
  • - background   = controleaza culoarea de fond a tabelului, care poate fi si o imagine
  • - bordercolor   = culoarea liniei din jurul tabelului
  • - bordercolorlight   = culoarea luminoasa folosita de doua linii din cele patru care înconjoara tabelul
  • - bordercolordark   = culoarea întunecata folosita de doua linii din cele patru care înconjoara tabelul

Sub-titlu tabelului
    - Sub-titlu tabelului "caption" permite specificarea unei linii de text care va aparea deasupra sau sub tabel, acest lucru este definit de atributul "align" care poate lua valorile: top (deasupra) bottom (jos)
Exemplu:




   
   


   
   

acesta este textul
titlu 1titlu 2
linia 2- coloana 1linia 2- coloana 2

 

- In pagina web apare asa:

titlu 1

titlu 2

linia 2- coloana 1

linia 2- coloana 2

acesta este textul

3. Atributele specifice elementelor pentru titlu si coloane

  • - colspan   = specifica cat de multe coloane ale tabelului aceasta celula va inlocui
  • - rowspan   = specifica cat de multe randuri ale tabelului aceasta celula va inlocui
  • - align   = alinierea datelor celulei pe orizontala (left, right sau center)
  • - valign   = alinierea datelor celulei pe verticala (top, middle sau bottom)
  • - background   = controleaza culoarea de fond a celulei, care poate fi si o imagine
  • - bgcolor   = defineste culoarea celulei (dar nu imagine)
  • - width   = specifica lungimea celulei (In pixeli sau procente din lungimea paginii)
  • - height   = specifica inaltimea celulei (In pixeli sau procente din inaltimea paginii)

in urmatorul exemplu puteti vedea rezultatul folosirii atributelor: "colspan" "rowspan" si "bgcolor"





   
   


   


   
   


   

acesta este textul
titlu 1titlu 2
linia 2- coloana 1
linia 3- coloana 1linia 3- coloana 2
linia 4- coloana 2 - colorat

 

 

- In pagina web apare asa:

titlu 1

titlu 2

linia 2- coloana 1

linia 3- coloana 1

linia 3- coloana 2

linia 4- coloana 2 - colorat

acesta este textul

 

ComentariiReinoieste comentariile

Logare

Utilizator:
Parola:
Retine-ma
Inregistrare
Twitter   facebook facebook Mail.ru