10 - HTML 5

IMG

Per inserire immagini nella pagina, si usa il comando IMG, seguito da vari attributi tra cui essenziale sono SRC=" " dove dentro le virgolette si scrive il nome del file che contiene l'immagine, e ALT=" ", dove dentro le virgolette si mette una descrizione della immagine a parole, che sarà usata dai browser non grafici. Attenzione! In HTML5 il tag ALT è obbligatorio, e va sempre inserito.

I formati possibili sono GIF (Graphic Image Format) e JPG (Joint Photographic Experts Group), o PNG (Portable Network Graphics), che supporta immagini con trasparenza.

Può essere utile inserire esplicitamente la dimensione dell'immagine in pixel tramite gli attributi width e height. Ad esempio

  <img src="miaimmagine.png" width=50 height=120 />

Questo permette al browser di preparare lo spazio per l'immagine nella pagina anche prima di caricala via rete, rendendo la generazione della pagina a schermo più efficiente. Se le dimensioni reali dell'immagine sono diverse, questa verrà ridimensionata.
Alcuni programmi per creare immagini: xfig, xpaint, gimp.

Laboratorio di Comunicazione mediante Calcolatore - Leonardo Robol e Sergio Steffè - AA 2019/2020 - PISA