Sunteți pe pagina 1din 2

HTML inserarea tabelelor 1

Tabelele se insereaz ntr-un document HTML cu ajutorul etichetei container <TABLE>


</TABLE>.
Atributul <BORDER> adaug o bordur tabelului (implicit tabelul nu are borduri).
Tabelele sunt formate din linii, care se introduc prin eticheta <TR>.
Fiecare linie este format din celule introduse prin eticheta <TD>.
Eticheta <TH> defineste un titlu de coloan.
Eticheta <CAPTION>. </CAPTION> definete titlul tabelului.

Celulele unui tabel pot conine text, imagini, legturi, formulare sau alte tabele.

Exemplu
<html>
<head> Tabelul va avea trei linii si trei coloane.
<title> Primul meu tabel </title>
</head> Atributul border specifica grosimea
<body> liniei folosita pentru tabel.
<table border=1> Atributul caption specifica titlul
<caption> INVENTAR tabelului
</caption>
<tr> Prima linie va fi de fapt antetul (capul)
<th> Denumire tabelului
echipament
<th> Numar inventar Specificam titlul fiecarei coloane
<th> Valoare
<tr> Inseram a doua linie
<td> Calculator Inseram cele 3 valori de pe linia 2
<td> 12345
<td> 1200
<tr> Inseram a treia linie
<td> Imprimanta Inseram cele 3 valori de pe linia 3
<td> 12346
<td> 140
</table>
</body>
</html>

Exercitiu
1. Adugai o nou coloan n tabel cu numele Dat amortizare i completai cu 11/11/2021 pentru
primul echipament si cu 12/06/2018 pentru al doilea (inserai o coloan nou).
2. Adugai n tabel un nou echipament cu denumirea Xerox, numr de inventar 12347, valoare 5000,
dat amortizare 06/11/2020 (inserai o linie nou).
3. Textul dintr-un tabel poate fi formatat cu eticheta <FONT></FONT>. Formatai textul din tabel
astfel nct n prima coloan a tabelului (denumirea echipamentului) textul s fie de culoare roie i
ngroat.
4. Putei aduga o culoare de fundal tabelului folosind n eticheta <TABLE> atributul bgcolor.
nlocuii codul
<table border=1> cu codul <table border=1 bgcolor=lime> i vizualizai efectul n
browser.
5. Putei stabili o culoare de fundal pentru fiecare linie sau fiecare celul a tabelului folosind acelai
atribut bgcolor n etichetele <TR>, <TH>, <TD> . Formatai tabelul astfel nct fiecare linie s
aib alt culoare de fundal.
6. Textul din cadrul unui tabel poate fi aliniat la stnga, la dreapta sau centrat folosind atributul align.
Dac dorim ca alinierea s aib efect asupra tabelului va fi folosit n eticheta <TABLE>; dac
dorim s aib efect asupra unei linii va fi folosit n eticheta <TR>; dac dorim s aib efect asupra
unei celule va fi folosit n eticheta <TD>. Formatai textul din a doua i a treia coloan astfel nct
valorile s fie aliniate la dreapta.
7. Celulele unui tabel pot conine imagini. Adugai o nou coloan Imagine i inserai pentru fiecare
ehipament o imagine folosind eticheta <img src..>

S-ar putea să vă placă și