Immagini, audio e video

Il tag per visualizzare un’immagine è img, il parametro src specifica l’origine dell’immagine specificando l’indirizzo in valore assoluto o relativo.
L’attributo 
alt invece specifica un testo alternativo che è visualizzabile se l’immagine non può essere caricata, nei browser testuali e nei dispositivi per ipovedenti.
title visualizza un testo quando il mouse è sopra l’immagine.
longdesc per una eventuale descrizione lunga e dettagliata.
Per le immagini 
bitmap possiamo usare una codifica base64 che trasforma i file binari in codice ASCII.
Possiamo allineare l’immagine, rispetto al testo, con il parametro 
align:

  • left, a sinistra;
  • right, a destra;
  • bottom, allinea la prima linea di testo in basso a sinistra;
  • middle, allinea la prima linea di testo al centro a sinistra;
  • top, allinea la prima linea di testo in alto a sinistra;

Possiamo anche stabilire lo spazio che c’è tra l’immagine e ciò che lo circonda tramite hspace e vspace.
A volte è necessario che solo parti di un’immagine siano collegati a un link, per fare ciò usiamo l’attributo 
usemap che definisce il nome della mappa.
Il tag 
map specifica le aree sensibili, area crea l’area specificando la forma:

  • shape=”rect”, rettangolare dove i primi due parametri sono l’angolo in alto a sinistra e gli ultimi due l’angolo in basso a destra;
  • shape=”circle”, circolare dove i primi due parametri sono il centro e il terzo il raggio;
  • shape=”poly”, poligonale bisogna specificare tutte le coordinate;

Se invece vogliamo includere un file audio dobbiamo usare il tag audio. Il parametro da usare è controls se vogliamo abilitare i controlli utente altrimenti senza parametro il file audio sarà in background. autoplay fa partire l’audio in automatico mentre loop serve per ripetere il file continuamente.
Con l’elemento 
source possiamo specificare il file audio da riprodurre tramite src, mentre type specifica il tipo di audio.
Se vogliamo includere un video il tag è 
video. I parametri sono uguali a quelli audio.

Please follow and like us:

Lascia un commento