lunedì 22 Luglio 2019

Download in corso

Grazie per aver scaricato da Softwareone.it

Inserire Immagini in HTML

Il tag per inserire un’immagine è molto semplice:

<img src="/Nebula.jpg" alt="immagine" width="206" height="106">
immagine

In questo modo potremo inserire tutte le immagini che vogliamo. Analiziamo gli attributi che potremo inserire:

  • align=” “ indica l’allineamento, può essere left, right, top, text, top, middle, absmiddle, baseline, bottom, absbottom.
  • alt=” “ indica le parole che appariranno con il passaggio mouse.
  • border=” “ indica il valore del bordo partendo da 0 (senza bordo).
  • width=” “ indica la larghezza in unità di misura (es. px).
  • height=” “ indica l’altezza in unità di misura (es. px).
  • vspace=” “ indica la distanza in verticale dall’oggetto sopra (anche il bordo.).
  • hspace=” “ indica la distanza in orizzontale dall’oggetto a fianco (anche il bordo).

Immagini da altre directory

Probabile se non obbligatorio in grandi siti, è il fatto che le immagini vengano raggruppate in apposite directory. Per richiamare le immagini basta scrivere:

<img src="nomedirectory/nomeimmagine.jpg">

Dove al posto di nomedirectory c’è il percorso fino alla directory dell’immagine.

Nel caso la pagina sia in una sottodirectory del sito, e l’immagine in un’altra sottodirectory del sito possiamo inserire la seguente riga:

<img src="../secondasottodirectory/nomeimmagine.jpg">

In pratica i segni ../ fanno capire al browser che deve tornare in dietro di una sottodirectori ed entrare nell’altra per recuperare l’immagine.

IMPORTANTE

Se un’immagine non viene visualizzata può dipendere da due motivi:

 L’immagine non è stata inserita in memoria.

Il nome dell’immagine non è stato scritto correttamente.

Attenzione alle maiuscole!! .gif non è uguale a .GIF

Pubblicità