Tabelele sunt realizate folosind marcajul <TABLE>. Liniile încep cu marcajul <TR>. Fiecare celulã este marcatã cu <TD>. Celulele al cãror text se doreste a fi scris bold (de obicei prima pozitie a fiecãrei coloane) se marcheazã cu <TH>.
Exemplu:
<HTML>
<HEAD><TITLE>Tabele</TITLE></HEAD>
<BODY>
<H1>Lista de preturi</H1>
Preturile practicate de firma noastra sunt prezentate în tabelul 1: <BR><BR>
<TABLE>
<TR><TH>Produs</TH>
<TH>Pret</TH>
<TH>Cantitate disponibila</TH>
</TR>
<TR><TD>Pantofi Lux</TD>
<TD>560000</TD>
<TD>243</TD>
</TR>
<TR><TD>Pantofi Carmens</TD></TR>
<TD>740000</TD>
<TD>189</TD>
</TABLE>
</BODY>
</HTML>Formatarea tabelului
- Centrarea în paginã se realizeazã cuprinzând declararea tabelului între marcaje <CENTER> . . . </CENTER>.
- Adãugarea liniilor separatoare se realizeazã adãugând marcajului <TABLE> atributul BORDER : <TABLE BORDER=4>
- Cadrarea textului în cadrul celulei se realizeazã folosind în cadrul marcajului <TH> sau <TD> a atributului ALIGN=center (sau ALIGN=right) respectiv VALIGN=top / middle / bottom :
Exemplu:
<CENTER>
<TABLE BORDER=4>
<TR><TH>Produs</TH>
<TH>Pret</TH>
<TH>Cantitate disponibila</TH>
</TR>
<TR><TD ALIGN=center>Pantofi Lux</TD>
<TD ALIGN=center>560000</TD>
<TD ALIGN=center>243</TD>
</TR>
<TR><TD ALIGN=center>Pantofi Carmens</TD>
<TD ALIGN=center>740000</TD>
<TD ALIGN=center>189</TD>
</TR>
</TABLE>
</CENTER>- Culoarea fondului unei linii sau a unei celule se impune adãugând marcajului <TR> sau <TD> (sau <TH>) atributul BGCOLOR:
Exemplu:
<TR BGCOLOR="#AAAAAA"><TH>Produs</TH></TR>
<TH>Pret</TH>
<TH>Cantitate disponibila</TH>
<TR><TD ALIGN=center>Pantofi Lux</TD></TR>
<TD ALIGN=center BGCOLOR="#FF0000">560000</TD>
<TD ALIGN=center>243</TD>- Afisarea unei imagini pe fundalul unui tablou se realizeazã adãugând marcajului <TABLE> atributul BACKGROUND:
<TABLE BORDER=5 BACKGROUND="stele.gif"> . . .
- Mãrirea distantelor dintre liniile tabelului si text se realizeazã agãugând marcajului <TABLE> atributul CELLPADDING:
<TABLE BORDER=8 CELLPADDING=10> . . .
- Cresterea lãtimii liniilor tabelului se realizeazã adãugând marcajului <TABLE> atributul CELLSPACING:
<TABLE CELLSPACING=8> . . .
- Includerea unei imagini într-o celulã a tabelului:
<TD><IMG SRC="pictura.jpg"></TD>
- Unirea mai multor celule de pe aceeasi linie se realizeazã adãugând marcajului <TH> sau <TD> atributul COLSPAN=n. Celula va fi unitã cu urmãtoarele n celule:
<TD COLSPAN=3>Zona de est</TD>
- Unirea mai multor celule de pe aceeasi coloanã se realizeazã adãugând marcajului <TH> sau <TD> atributul ROWSPAN=n. Celula va fi unitã cu cele n celule de sub ea :
<TD ROWSPAN=3>Valori</TD>
- Adãugarea unui titlu deasupra unui tabel, în pozitie centralã, se realizeazã adãugând dupã marcajul <TABLE> marcajul <CAPTION>, ca mai jos :
<TABLE BORDER=8> <CAPTION> Studiul comparativ al preturilor companiilor West si International</CAPTION> <TR> . . .
- Alinierea pe verticalã a textului dintr-o celulã poate fi modificatã adãugând marcajulu <TH> sau <TD> atributul VALIGN cu valorile posibile top, middle sau bottom. Valoarea implicitã este middle.
- Indicarea mãrimii zonei ocupate de tabel în paginã se realizeazã adãugând marcajului <TABLE> atributele WIDTH si HEIGHT. Mãrimile se introduc în pixeli.
<TABLE BORDER=5 WIDTH=600 HEIGHT=450> <TR> . . .
- Indicarea mãrimii unei celule se realizeazã adãugând marcajului <TH> sau <TD> atributele WIDTH si HEIGHT. Mãrimile se introduc în pixeli.
Exemplu:
Realizati o paginã Web care afiseazã tabelul din figura de mai jos :Pe lângã utilizarea prezentatã deja a tabelelor, acestea sunt frecvent folosite pentru a realiza pagini sau zone din pagini în care informatia este dispusã pe mai multe coloane. Un astfel de tabel va avea deci o linie si mai multe coloane.
