130 likes | 224 Views
Grup Scolar Agricol “V. Adamachi” Iasi. In serarea tabelelor în paginile HTML. Prof. Berbeneciuc Alina. In serarea tabelelor în paginile HTML. Definite Etichete Atribute ale elementelor <TABLE> şi <TH> Exemple. In serarea tabelelor în paginile HTML. Definiţie:
E N D
Grup Scolar Agricol “V. Adamachi” Iasi Inserarea tabelelor în paginile HTML Prof. Berbeneciuc Alina
Inserarea tabelelor în paginile HTML Definite Etichete Atribute ale elementelor <TABLE> şi <TH> Exemple
Inserarea tabelelor în paginile HTML Definiţie: Un tabel reprezintă o grilă dreptunghiulară cu un anumit număr de linii şi coloane. Elementele unui tabel sunt: • linia (row) • coloana( column) • celula (cell)
Inserarea tabelelor în paginile HTML Într-un document HTML, inserarea unui tabel se realizează prin utilizarea etichetelor: • <TABLE> ……</TABLE> • <TR>…..</TR> -defineşte o linie a tabelului • <TH>….</TH> -defineşte o coloană a tabelului • <TD>….</TD> -defineşte datele unei celule a tabelului
Inserarea tabelelor în paginile HTML Atributele etichetei<TABLE> : • BORDRE=valoare -specifică grosimea liniei în jurul tabelului • BORDERCOLOR=culoare - specifică culoarea zonei umbrite • CELLSPACING=valoare -specifică spatiul lasat intre celulele tabelului • CELLPADDING=valoare -specifică spaţiul lăsat liber între data din celulă şi chenarul celulei • ALIGN= left/right/center- specifică modul de aliniere în document al tabelului • WIDTH=valoare - specifică lăţimea întregului tabel • HEIGTH=valoare - specifică înălţimea întregului tabel
Inserarea tabelelor în paginile HTML Atributele elementelor<TH> , <TD> : • COLSPAN=valoare -specifică întinderea unei celule pe mai multe coloane • ROWSPAN=valoare - specifică întinderea unei celule pe mai multe rânduri • BGCOLOR=culoare - specifică culoarea de fond a celulei • ALIGN= left/right/center -specifică modul de aliniere a datei în celulă • BACKGROUND=fişier_imagine - permite specificarea unei imagini grafice de fond în interiorul unei celule
Inserarea tabelelor în paginile HTML Exemple de tabele în documentul HTML: • Exemplul 1: tabel simplu • Exemplul 2: tabet cu antet • Exemplul 3: tabel cu celule întinse pe mai multe coloane • Exemplul 4: tabel cu celule intinse pe mai multe linii • Exemplul 5: tabel fără liniatură pentru structurarea informaţiilor în pagină