Inserarea tabelelor în

paginile HTML

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ă

Inserarea tabelelor în paginile HTML

Inserarea tabelelor în paginile HTML

Inserarea tabelelor în paginile HTML

Inserarea tabelelor în paginile HTML

Inserarea tabelelor în paginile HTML