Liste, Tabele, Imagini

1
Liste, Tabele, Imagini
2
Liste neordonate

• Delimitata de tagurile ltulgt lt/ulgt
• Elementele sunt introduse de tagul ltligt
• Atributul type cu valorile
• circle ?
• disc ? (default)
• square ?
• Listele pot fi imbricate

3
Liste ordonate

• Delimitata de tagurile ltolgt lt/olgt
• Elementele sunt introduse de tagul ltligt
• Atributul type cu valorile
• A A, B, .
• a a, b,
• I I, II, III, IV,
• i i, ii, iii, iv,
• 1 1, 2, 3, (default)
• Pot fi imbricate inclusiv cu listele neordonate

4
Alte tipuri de liste

• Liste de definitii ltdlgt lt/dlgt
• Liste de meniuri ?
• Liste de directoare ?

5
Tabele elemente de baza

• Delimitat de tagurile lttablegt lt/tablegt
• O linie lttrgt lt/trgt
• O celula lttdgt lt/tdgt
• Chenarul este dat de atributul border
• a carui valoare este grosimea in pixeli
• a chenarului. Default este 0 (adica fara
  chenar)

6
Tabele afisarea in pagina web

• Alinierea tabelului fata de celelalte elemente
  din pagina se face cu atributul align al tagului
  lttablegt

7
Tabele afisarea celulelor

• Spatiul dintre celulele vecine este dat de
  atributul cellspacing al tagului lttablegt
• Distanta dintre marginea unei celule si
  continutul ei este data de atributul cellpadding
  al tagului lttablegt

8
Tabele dimensionarea

• Dimensiunea tabelului este data de atributele
  width si height ale tagului lttablegt. Valorile
  acestor pot fi
• in pixeli (width145)
• In procente din dimensiunea paginii (width30)
• Dimensiunea unei celule este data de atributele
  width si height ale tagului lttdgt.

9
Tabele alte atribute

• Culoarea de fundal este controlata de atributul
  bgcolor care poate fi aplicat lui lttablegt, lttrgt,
  lttdgt
• Alinierea continutului unei celule pe orizontala
  se face cu atributul align valori left,
  right, center
• Alinierea continutului unei celule pe verticala
  se face cu atributul valign valori top,
  middle, bottom

10
Tabele de forme oarecare

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

11
Tabele trucuri si utilizari

• Celule vide lttdgtnbsplt/tdgt
• Folosite pt. alinieri

12
Imagini

• Tagul ltimg srcURL /gt
• Tipuri de imagini
• JPEG
• GIF

13
Imagini

• Alinierea imaginii fata de celelalte elemente din
  pagina se face cu atributul align al tagului
  ltimggt (ca la tabele)
• Distanta dintre imagine si celelate elemete este
  data de atributele hspace si vspace
• Dimensiunile initiale ale imaginii pot fi
  modificate cu width si height

14
Imagini

• Text alternativ cu atributul alt
• Pot fi puse in tabele, in linkuri, etc.
• Pot forma fundalul unei pagini atributul
  background al tagului ltbodygt