AirVisual
COVID-19
Facebook
Outlook
Gmail
Instagram
Google
Google News
mercoledì 27 Maggio 2020

Download in corso

Softwareone.it

08-01-2019

tag img definisce un’immagine in una pagina HTML

Il tag img definisce un’immagine in una pagina HTML.; L’attributo src è obbligatorio e contiene il percorso dell’immagine che desideri incorporare.

L’attributo alt contiene una descrizione testuale dell’immagine, non è obbligatoria ma è incredibilmente utile per l’accessibilità – gli screen reader leggono questa descrizione ai loro utenti in modo che sappiano cosa mostra l’immagine

Pubblicità

Il tag img ha due attributi richiesti: src e alt.

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. 

Pubblicità

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

Html Contenitori, Tag Div E Span

https://developer.mozilla.org/it/docs/Web/HTML/Element/img

I commenti sono chiusi.

08-01-2019
Pubblicità