Sunteți pe pagina 1din 3

Inserarea și editarea 

tabelelor

Inserarea și editarea tabelelor

Pentru a insera un tabel într-un document HTML vom folosi marcajele <table>…


</table>. Un tabel poate să conțină unul sau mai multe rânduri. Rândurile se introduc
cu ajutorul etichetei <tr>(table row). Ele pot fi formate din una sau mai multe celule,
care se introduc cu ajutorul etichetei <td>(table data).

În mod implicit, tabelul nu are chenar. Dacă dorim să adăugăm un chenar unui tabel,
vom utiliza atributul border, care poate avea ca valoare un număr întreg ce reprezintă
grosimea în pixeli a chenarului tabelului. Dacă valoarea atributului border este 0,
atunci tabelul nu va avea chenarul vizibil în fereastra browser-ului.

Un alt atribut al etichetei <table> este align, cu ajutorul căruia vom alinia tabelul în


pagina web. Atributul align poate să ia una din valorile: left, center sau right.

Înălțimea și lățimea unui tabel le vom edita cu


atributele height și width corespunzătoare etichetei <table>.

Cu atributele hspace și vspace stabilim distanța dintre tabel și celelalte elemente din


pagină.

Titlul unui tabel poate fi introdus cu ajutorul etichetei <caption>, care trebuie plasată
în interiorul marcajelor <table>…</table>. Eticheta <caption> beneficiazăde
atributul align, care poate să ia valorile:

 top – titlul va fi afișat deasupra tabelului;


 center – titlul va fi afișat la centru, deasupra tabelului;
 bottom – titlul va fi afișat sub tabel;
 left – titlul va fi afișat la stânga tabelului;
 right – titlul va fi afișat la dreapta tabelului.
Exemplu:

<!doctype html><html><head><meta charset=”utf-8″ />

<title>Limbajul HTML – Exemple </title>

</head >

<body>

<p   align=”center”><b>Inserarea tabelelor</b></p>

<table>

<caption align=”center”> Inserarea tabelelor – exemplu   </caption>

<tr>

<td height=”144″   background=”images.jpg”>&nbsp;</td>

<td>&nbsp;</td>

<td  background=”imgHTML.jpg”>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td height=”59″>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>
</tr>

</table>

</body >

</html>

Vizualizare în browser:

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