HTML: le immagini

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">

Info su Francesco Bragadin

Insegno informatica e telecomunicazioni al liceo scienze applicate ed all'indirizzo informatica e telecomunicazioni. Ho terminato gli studi in ingegneria elettronica e telecomunicazioni lavorando per molti anni come libero professionista nell'ambito della gestione storage e disaster recovery su mainframe.
Questa voce è stata pubblicata in Senza categoria. Contrassegna il permalink.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *