Redazione uicparma.it
L'HTML in pillole

Logo UIC Parma-Club

Decima pillola - L'inserimento di un'immagine.

Per un non vedente un'immagine inserita in una pagina può risultare irrilevante, ma può certamente rendere la stessa più gradevole per i visitatori vedenti.
Ecco una stringa tipo per inserire un'immagine:

<img src="logo.gif" width="137" height="106" border="1" alt="logo del club" align="right">

Analizziamola come sempre nelle sue varie componenti...
img src="logo.gif" - "logo.gif", racchiuso tra virgolette, è il nome del file da visualizzare nella pagina. E' possibile specificare anche un percorso ma consigliamo di collocare il file dell'immagine nella stessa cartella in cui si trova la pagina  HTML per motivi di comodità.

width="137" - si tratta della larghezza dell'immagine espressa in pixel. Se vogliamo allargare l'immagine aumenteremo il valore, che nel nostro esempio è di "137".

height="106" - questo è il parametro relativo all'altezza dell'immagine. Anche in questo caso possiamo variare il valore che qui abbiamo fissato in "106. Si consiglia di variare il valore dell'altezza e della larghezza in percentuale. Ovvero se si aumenta del 10 per cento il valore dell'altezza, si dovrà aumentare della stessa percentuale il valore della larghezza. Per questo tipo di modifiche sarà però opportuno ricorrere all'aiuto di una persona vedente che possa valutare il lavoro, fornendo suggerimenti. Non è infatti possibile fornire dei valori assoluti poichè questi sono condizionati dalle dimensioni reali dell'immagine, per risalire alle quali consigliamo di servirsi di un editor grafico.

border="1" - questo parametro indica in pixel lo spessore del bordo che circonda l'immagine; il valore "0" elimina tale bordo.

alt="logo del club" - ed ecco un parametro molto interessante per un non vedente...
Si tratta del testo descrittivo dell'immagine. Tra virgolette è possibile inserire un testo che verrà vocalizzato dal sintetizzatore, e che aiuterà il cieco a comprendere il contenuto dell'immagine.

align="right" - nel nostro esempio abbiamo collocato l'immagine a destra usando il valore "RIGHT" racchiuso tra virgolette. Per collocarla a sinistra si userà invece "LEFT".

Si rammenta che anche questo codice dovrà essere racchiuso tra i segni di minore e maggiore, mentre i valori dovranno essere racchiusi tra virgolette.

Pillola successiva
Pillola precedente
Indice

Torna alla Home Page

Scrivi alla redazione del sito



[ Copyright © 1999 - 2002 UIC Parma-Club ]