Il linguaggio HTML Liste ordinate e non ordinate Tabelle.

Presentazione sul tema: "Il linguaggio HTML Liste ordinate e non ordinate Tabelle."— Transcript della presentazione:

1 Il linguaggio HTML Liste ordinate e non ordinate Tabelle

2 Liste ordinate Una lista ordinata si presenta con la struttura seguente: ” START=“ ”> prima voce dell’elenco …. n-esima voce dell’elenco OL sta per Ordered List (Lista ordinata) LI sta per List Item (Voce della lista)

3 Liste ordinate Lista numerata Informatica Marketing Storia 1.Informatica 2.Marketing 3.Storia Lista con lettere maiuscole Informatica Marketing Storia A.Informatica B.Marketing C.Storia

4 Liste ordinate Lista con lettere minuscole Informatica Marketing Storia a.Informatica b.Marketing c.Storia Lista con numeri romani maiuscoli: Informatica Marketing Storia I.Informatica II.Marketing III.Storia

5 Liste ordinate Lista con numeri romani minuscoli Informatica Marketing Storia i.Informatica ii.Marketing iii.Storia Lista numerata Informatica Marketing Storia 2.Informatica 3.Marketing 4.Storia

6 Liste ordinate Lista con numeri romani minuscoli Informatica Marketing Storia iii.Informatica iv.Marketing v.Storia Lista con lettere maiuscole Informatica Marketing Storia D.Informatica E.Marketing F.Storia

7 Liste non ordinate Una lista non ordinata si presenta con la struttura seguente: ” > prima voce dell’elenco … n-esima voce dell’elenco UL sta per Unordered List (Lista non ordinata) LI sta per List Item (Voce della lista)

8 Liste non ordinate Lista non ordinata con Informatica Marketing Storia Informatica Marketing Storia Lista con lettere maiuscole Informatica Marketing Storia  Informatica  Marketing  Storia

9 Liste non ordinate Lista non ordinata con Informatica Marketing Storia oInformatica oMarketing oStoria

10 Le tabelle … … Il tag delimita la tabella Il tag delimita la singola riga Il tag delimita la singola cella Ogni tabella è composta da una o più righe ( ) Ogni riga è composta da una o più celle (<TD<)

11 Le tabelle cella1.1 cella1.2 cella2.1 cella2.2 Tabella di due righe e due colonne

12 Il tag <TABLE BGCOLOR=“GREEN" BORDER="1" BORDERCOLOR=“BLACK" CELLPADDING="10" CELLSPACING="5" WIDTH="300" ALIGN="CENTER"> cella1.1 cella1.2 cella2.1 cella2.2 BGCOLOR : colore di sfondo della tabella BORDER : spessore del bordo BORDERCOLOR : colore del bordo CELLPADDING : margine interno alla cella CELLSPACING : distanza tra le celle

13 Il tag sfondo giallo <TD BGCOLOR="BROWN“ ALIGN="LEFT"> sfondo marrone allineato a sinistra <TD ALIGN="CENTER“ WIDTH=“100”> testo centrato allineato a destra BGCOLOR : lo sfondo della cella ALIGN : allineamento del testo (CENTER, LEFT, RIGHT e JUSTIFY) WIDTH: dimensione della cella