Realizarea tabelelor in HTML

Realizarea tabelelor în HTML

​

În paginile web putem insera și tabele. Ele ne ajută să reprezentăm datele sub formă de tabel, cât și să organizăm așezarea diferitelor elemente în pagina web.

Pentru crearea unui tabel trebuie să folosim tag-urile <TABLE> şi </TABLE>.

Proprietăţile tabelelor

• <CAPTION>...</CAPTION> este utilizat pentru a scrie un titlu tabelului

• Atributul BORDER este utilizat pentru ca liniile unui tabel să fie vizibile, ar trebui ca valoarea să fie egală cu 1.

• Atributul CELLSPACING specifică distanţa dintre celulele unui tabel. Folosim valoarea "0" când dorim ca liniile să nu fie duble.

• Pentru a stabili dimensiunea unui tabel, unui rând sau a unei celule, folosim atributele WIDTH pentru lăţime şi / sau HEIGHT pentru înălţime.

• Atributul "BGCOLOR" este folosit pentru a stabilii fondul de culoare al unui paragraf, tabel sau alte componente ale HTML.

 Tag-urile <TR> , <TD> şi <TH>.

Tag-ul <TR> care vine de la "Table Row" (rândul tabelului) reprezintă introducerea unui rând în cadrul tabelului. Tot ce va fi scris între tag-urile <TR> şi </TR> va forma un rând al tabelului.

După crearea unui rând, trebuie să adăugăm în cadrul acestuia, câteva celule, cu ajutorul tag-urilor <TD> şi </TD>.

Folosind secvența: <TR><TH> ... </TH>... </TR> scriem linia de antet a tabelului. Pentru fiecare celulă scriem perechea: <TH> ... </TH> .

Proprietăţile celulelor

• atributul CELLPADING indică distanţa dintre marginile celulelor şi textul din cadrul acestora.

• Pentru alinierea datelor din cadrul tabelului folosim atributul ALIGN cu una dintre valorile "left", "center" sau "right". Pentru a alinia datele tabelului pe verticală folosim atributul VALIGN însoţit de una dintre valorile "top", "middle" sau "bottom".

• COLSPAN specificã numãrul de coloane peste care se întinde celula spre dreapta (operatiunea de unificare a celulelor pe orizontalã din procesoarele de texte)

• ROWSPAN specificã numãrul de linii peste care se întinde celula în jos (operatiunea de unificare a celulelor pe verticalã din procesoarele de texte

Fill in the Blanks

Care este eticheta pentru crearea unui tabel in HTML?

Multiple Choice

Alegeti eticheta pentru crearea unui rand intr-un tabel realizat in HTML.

• <td>

• <th>

• <tr>

• <li>

Multiple Choice

Alegeti eticheta pentru crearea unei celule intr-un tabel realizat in HTML.

• <th>

• <table>

• <tr>

• <td>

Multiple Select

Alegeti eticheta pentru crearea unei celule pe randul din antetul unui tabel realizat in HTML.

• <tr>

• <table>

• <td>

• <th>

Fill in the Blanks

Care este tag-ul ce trebuie folosit pentru a adauga un titlu unui tabel?

Multiple Select

Care dintre urmatoarele atribute sunt folosite atunci cand dorim sa stabilim anumite formatari necesare pentru realizarea tabelelor in HTML?

• border

• ol

• bgcolor

• colspan

• size