Renè Magritte
Le immagini che possono essere inserite in una pagina web arricchiscono i contenuti integrando il testo.
I formati grafici che si possono inserire sono di tre tipi
- GIF (Graphics Interchange Format)
- JPEG o JPG (Joint Photographic Expert Group)
- PNG (Portable Network Graphics)
Per inserire un’immagine si utiliza il tag <img>, iniziale di Image, che non possiede tag di chiusura, secondo questa sintassi:
<img src=”percorso/immagineDaInserire>
Si deve tenereì presente che i file delle immagini dovrebbero essere memorizzati all’interno di una cartella separata rispetto a dove risiede la pagina HTML. La struttura del sito deve prevedere una cartella principale che racchiude tutto il sito e almeno due cartelle, una per le pagine e un per le immagini.
Gli attributi del tag <img> permettono di variare alcune caratteristiche dell’immagine e aggiungere alcuni elementi molti utili. Ecco la sintassi completa:
<img src=”immagine” border=”SpessoreBordo” width=”Larghezza” heigh=”Lunghezza” align=”Allineamento” alt=”Frase Alternativa” lowsrc=”Immagine precaricata”>
L’attributo border permette di specificare un bordo attorno all’immagine di uno spessore espresso in pixel oppure in percentuale.
Gli attributi width e hight permettono di variare le dimensioni di base dell’immagine in larghezza e in percentuale.
esempio:
<img src=”Immagine” width=”120px” heigh=”80px” border=”0″>