1aC     
Esercitazione di laboratorio n.7
Attributi per IMG
IMG supporta alcuni attributi.
  • SRC: Questo attributo specifica la locazione (SouRCe = sorgente,fonte) della risorsa immagine.
    E' ovviamente l'attributo più importante: senza di esso o con un suo valore errato, il browser non trova la risorsa e mette il simbolo .
  • ALT: l'attributo ALT specifica un testo alternativo che viene presentato quando l'immagine non può essere visualizzata. Il testo viene anche visualizzato come tip quando l'utente va col mouse sull'immagine.

    Esempio
    mettersi con il mouse sull'immagine <IMG SRC="images/home.gif" ALT="per andare alla home page">

    che viene reso (andare con il mouse sull'immagine):
    testo prima dell'immagine per andare alla home page


  • WIDTH (misura): sovrapposizione di un comando d'ampiezza di un'immagine
    HEIGHT (misura) sovrapposizione di un comando d'altezza di un'immagine o di un oggetto.
    Quando specificati, questi attributi dicono all'interprete di forzare le dimensioni naturali di un'immagine (o intrinseche, quelle cioè dell'immagine come è stata salvata nel file immagine) in favore di questi valori.
    L'immagine, viene riprodotto in scala. 
    Importante
    Gli attributi height e width danno ai browser un'idea delle dimensioni di un'immagine così che possano riservare dello spazio per questi e continuare a presentare il documento mentre aspettano per i dati dell'immagine.
    E' quindi una buona cosa metterli sempre.

    Esempio
    Immagine nelle dimensioni naturali <IMG SRC="images/home.gif" WIDTH="40" HEIGHT="40">
    - L'immagine viene tracciata con dimensioni raddoppiate <IMG SRC="images/home.gif" WIDTH="80" HEIGHT="80">
    Immagine nelle dimensioni naturali - L'immagine viene tracciata con dimensioni raddoppiate


    ALIGN L'attributo align riguarda la posizione dell'oggetto in relazione al testo che lo circonda.
    I valori seguenti per align:
    • left: l'immagine si allinea a sinistra del margine corrente (ed il testo alla sua destra)
    • right: l'immagine si allinea a destra del margine corrente (ed il testo alla sua sinistra)
    • bottom: significa che il fondo dell'immagine deve essere allineato verticalmente alla linea di base corrente. Questo è il valore predefinito.
    • middle: significa che il centro dell'immagine deve essere allineato verticalmente alla linea di base corrente.
    • top: significa che il vertice dell'immagine deve essere allineato verticalmente alla linea di base corrente.