Sunteți pe pagina 1din 14

Liste, Tabele, Imagini

Liste neordonate
Delimitate de tagurile <ul> </ul> Elementele sunt introduse de tagul <li> Atributul type cu valorile:
- circle - disc - square (default)

Listele pot fi imbricate

Liste ordonate
Delimitate de tagurile <ol> </ol> Elementele sunt introduse de tagul <li> Atributul type cu valorile:
A a I i 1 A, B, . a, b, I, II, III, IV, i, ii, iii, iv, 1, 2, 3, (default)

Pot fi imbricate inclusiv cu listele neordonate

Alte tipuri de liste


Liste de definiii <dl> </dl> Liste de meniuri <menu></menu> Liste de directoare <dir></dir>

Tabele: elemente de baz


Delimitat de tagurile <table> </table> O linie <tr> </tr> O celul <td> </td> Chenarul este dat de atributul border a crui valoare este grosimea n pixeli a chenarului. Default este 0 (adica fr chenar)

Tabele: afiarea n pagina web


Alinierea tabelului fa de celelalte elemente din pagin se face cu atributul align al tagului <table>

Tabele: afiarea celulelor


Spaiul dintre celulele vecine este dat de atributul cellspacing al tagului <table> Distana dintre marginea unei celule i coninutul ei este dat de atributul cellpadding al tagului <table>

Tabele: dimensionarea
Dimensiunea tabelului este data de atributele width i height ale tagului <table>. Valorile acestora pot fi:
- n pixeli (width=145) - n procente din dimensiunea paginii (width=30%)

Dimensiunea unei celule este dat de atributele width i height ale tagului <td>.

Tabele: alte atribute


Culoarea de fundal este controlat de atributul bgcolor care poate fi aplicat lui <table>, <tr>, <td> Alinierea coninutului unei celule pe orizontal se face cu atributul align - valori: left, right, center Alinierea coninutului unei celule pe vertical se face cu atributul valign - valori: top, middle, bottom

Tabele de forme oarecare


O celul se poate extinde peste celulele din dreapta cu ajutorul atributului colspan a crui valoare este numrul de celule peste care se face extinderea. O celula se poate extinde peste celulele de dedesubt cu ajutorul atributului rowspan a crui valoare este numrul de linii peste care se face extinderea.

Tabele: trucuri i utilizri


Celule vide <td>&nbsp;</td> Folosite pentru alinieri

Imagini
Tagul <img src=URL /> Tipuri de imagini:
- JPEG pentru poze reale - GIF pentru desene, grafice cu margini abrupte

Imagini
Alinierea imaginii fa de celelalte elemente din pagin se face cu atributul align al tagului <img> (ca la tabele) Distana dintre imagine i celelalte elemente este dat de atributele hspace i vspace Dimensiunile iniiale ale imaginii pot fi modificate cu width i height

Imagini
Text alternativ cu atributul alt Pot fi puse n tabele, n linkuri, etc. Pot forma fundalul unei pagini: atributul background al tagului <body>

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