Home   Informatica   (X)Html   9. Lezione: le immagini

9. Lezione: le immagini

Scritto da sergio il 27/05/2009 15:16:08

Non solo testo nelle pagine web... senno' bastavano le telescriventi! Nei documenti html trovano spazio anche immagini, fotografie. Il tag "img" allega al documento un'immagine presente in qualche posto sul server. E' un tag vuoto (che quindi deve chiudersi da solo) e presenta 2 attributi obbligatori:

 - "src": definisce il percorso dove e' posizionata l'immagine. Puo' essere un percorso assoluto (es. "c:\immagini\..." su windows, oppure "\var\html\..." su linux), oppure un percorso relativo alla posizione del nostro documento web (es. "immagine.gif" se l'immagine si trova nella stessa cartella della pagina, "immagini\immagine.gif" se, rispetto alla cartella della pagina web e' presente una sottocartella "immagini"; nota: se dobbiamo invece risalire a una cartella superiore useremo i due punti: "../cartella superiore/ecc...")

 - "alt": definisce un testo alternativo da visualizzare nel caso l'immagine non sia disponobile (ad es. e' stata rimossa, oppure ha cambiato indirizzo)

Ecco il semplice esempio:

Code:

...
<img src="immagine.gif" alt="immagine" />
...


Esistono altri attributi opzionali, come "border" per definire una cornice all'immagine, oppure "align" per definire come il testo circostante all'immagine debba essere allineato con essa (in cima, in fondo, a meta', ecc...), ma come ripetuto in precedenza tutti gli attributi legati in qualche modo alla definizione del layout saranno visti dal lato CSS e quindi soprassediamo... tra l'altro questi attributi sono stati dichiarati obsoleti e saranno abbandonati nel prossimo futuro.

Alla prossima!

Ultimo aggiornamento 07/01/2019 10:34:31