Liste Tabele Imagini Liste neordonate Delimitata de tagurile
Liste, Tabele, Imagini
Liste neordonate • Delimitata de tagurile <ul> … </ul> • Elementele sunt introduse de tagul <li> • Atributul type cu valorile: - “circle” - “disc” (default) - “square” • Listele pot fi imbricate
Liste ordonate • Delimitata de tagurile <ol> … </ol> • Elementele sunt introduse de tagul <li> • 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 meniuri • Liste de directoare
Tabele: elemente de baza • • Delimitat de tagurile <table> </table> O linie <tr> … </tr> O celula <td> … </td> 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 se face cu atributul align al tagului <table>
Tabele: afisarea celulelor • Spatiul dintre celulele vecine este dat de atributul cellspacing al tagului <table> • Distanta dintre marginea unei celule si continutul ei este data de atributul cellpadding al tagului <table>
Tabele: dimensionarea • Dimensiunea tabelului este data de atributele width si height ale tagului <table>. 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 <td>.
Tabele: alte atribute • Culoarea de fundal este controlata de atributul bgcolor care poate fi aplicat lui <table>, <tr>, <td> • 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 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
Imagini • Tagul <img src=“URL” /> • Tipuri de imagini: - JPEG - GIF
Imagini • Alinierea imaginii fata de celelalte elemente din pagina se face cu atributul align al tagului <img> (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 linkuri, etc. • Pot forma fundalul unei pagini: atributul background al tagului <body>
- Slides: 14