Unintroduzione a HTML (II)

4-2 Includere figure con i tag immagine Le immagini possono essere usate come link utilizzando i tag àncora Formato del tag immagine: –src sta per source, sorgente –usa le regole sui path relativi e assoluti –Esempio: inserisce una la figura memorizzata nel file gatto.jpg nel documento Immagini GIF e JPEG –GIF: Graphic Interchange Format –JPEG: Joint Photographic Experts Group –lestensione dei file (.gif,.jpg) dice al browser in quale formato è codificata limmagine

4-3 Posizionare unimmagine nel documento Di default, le immagini sono inserite nella pagina nel punto dove il tag è specificato in HTML; il testo si allinea al margine inferiore Si può usare lattributo align per allineare limmagine con la riga superiore del testo o inferiore (top, middle, bottom) Lattributo align con valore left o right colloca limmagine sul margine della finestra del browser il testo le scorre intorno Per inserire unimmagine da sola, senza testo, basta racchiudere il relativo tag tra due tag di paragrafo e

Esempi il testo è allineato al margine superiore della figura il testo è allineato al margine inferiore della figura il testo scorre a lato della figura: la figura viene allineata sul margine sinistro della pagina il testo scorre ai lato della figura: la figura viene allineata al centro della pagina E possibile specificare le dimensioni della figura (in pixel): E possibile anche definire una figura di sfondo per la pagina:

4-5 Gestire i colori Si può colorare sia lo sfondo che il testo Lattributo bgcolor del tag body assegna un colore uniforme allo sfondo –specificato con un numero esadecimale (codifica RGB), oppure –utilizzando nomi di colori predefiniti Lattributo color si può usare con i tag del testo principale, link o font

4-6

4-7

4-8

4-9 Liste Puntata (non ordinata): – e allinizio e alla fine – e racchiudono gli elementi della lista Ordinata (numerata): – e allinizio e alla fine –utilizza lo stesso tag Sottolista: una lista dentro unaltra

Esempi Lista non ordinata: mele pere arance Lista ordinata: Rossi Melandri Capirossi mele pere arance 1.Rossi 2.Melandri 3.Capirossi

4-11 Tabelle Una tabella inizia e finisce con i tag e Ogni riga è racchiusa dalla coppia e Ogni cella è racchiusa dalla coppia e Si può creare unintestazione centrata sopra la tabella con i tag e Le intestazioni di colonna sono specificate come prima riga della tabella inserendo al posto dei tag delle celle i tag e

Esempi Anno Vendite 2000 $18M 2001 $25M 2002 $36M </tr AnnoVendite 2000$18M 2001$25M 2002$36M

4-13

Corsi in rete sull HTML Introduzione allHTML di Dave Raggett Guida HTML di W. Cecchin Molti altri …