In serarea tabelelor în paginile HTML

Inserarea tabelelor în

paginile HTML

Grup Scolar Agricol “V. Adamachi” Iasi

Prof. Berbeneciuc Alina

Inserarea tabelelor în paginile HTML

•Definite

•Etichete

•Atribute ale elementelor <TABLE> şi <TH>

•Exemple


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)


Î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


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


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


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ă

In serarea tabelelor în paginile HTML

Documents

Transcript of In serarea tabelelor în paginile HTML