Liste Tabele Imagini Liste neordonate Delimitata de tagurile

  • Slides: 14
Download presentation
Liste, Tabele, Imagini

Liste, Tabele, Imagini

Liste neordonate • Delimitata de tagurile <ul> … </ul> • Elementele sunt introduse de

Liste neordonate • Delimitata de tagurile

• Elementele sunt introduse de tagul
  • • Atributul type cu valorile: - “circle” - “disc” (default) - “square” • Listele pot fi imbricate

  • Liste ordonate • Delimitata de tagurile <ol> … </ol> • Elementele sunt introduse de

    Liste ordonate • Delimitata de tagurile

    • Elementele sunt introduse de tagul
  • • Atributul type cu valorile: - “A” “a” “I” “i” “ 1” A, B, …. a, b, … I, III, IV, … i, iii, iv, … 1, 2, 3, … (default) • Pot fi imbricate inclusiv cu listele neordonate

  • Alte tipuri de liste • Liste de definitii <dl> … </dl> • Liste de

    Alte tipuri de liste • Liste de definitii

    • Liste de meniuri • Liste de directoare

    Tabele: elemente de baza • • Delimitat de tagurile <table> </table> O linie <tr>

    Tabele: elemente de baza • • Delimitat de tagurile

    O linie … O celula … Chenarul este dat de atributul border a carui valoare este grosimea in pixeli a chenarului. Default este 0 (adica fara chenar)

    Tabele: afisarea in pagina web • Alinierea tabelului fata de celelalte elemente din pagina

    Tabele: afisarea in pagina web • Alinierea tabelului fata de celelalte elemente din pagina se face cu atributul align al tagului

    Tabele: afisarea celulelor • Spatiul dintre celulele vecine este dat de atributul cellspacing al

    Tabele: afisarea celulelor • Spatiul dintre celulele vecine este dat de atributul cellspacing al tagului

    • Distanta dintre marginea unei celule si continutul ei este data de atributul cellpadding al tagului

    Tabele: dimensionarea • Dimensiunea tabelului este data de atributele width si height ale tagului

    Tabele: dimensionarea • Dimensiunea tabelului este data de atributele width si height ale tagului

    . Valorile acestor pot fi: - in pixeli (width=“ 145”) - In procente din dimensiunea paginii (width=“ 30%”) • Dimensiunea unei celule este data de atributele width si height ale tagului
    .

    Tabele: alte atribute • Culoarea de fundal este controlata de atributul bgcolor care poate

    Tabele: alte atribute • Culoarea de fundal este controlata de atributul bgcolor care poate fi aplicat lui

    , , • Folosite pt. alinieri

    Imagini • Tagul <img src=“URL” /> • Tipuri de imagini: - JPEG - GIF

    Imagini • Tagul • Tipuri de imagini: - JPEG - GIF

    Imagini • Alinierea imaginii fata de celelalte elemente din pagina se face cu atributul

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

    Imagini • Text alternativ cu atributul alt • Pot fi puse in tabele, in

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

    • 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”

    Tabele de forme oarecare • O celula se poate extinde peste celulele din dreapta

    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.

    Tabele: trucuri si utilizari • Celule vide <td>  </td> • Folosite pt. alinieri

    Tabele: trucuri si utilizari • Celule vide