Come inserire e gestire le immagini con i loro attributi in html.
ALLWEB free
Directory Web Script Linguaggi
Italiano Inglese Tutte
 
 20 Feb 2017
aggiungi in preferiti  
Home    Mappa directory    Script




Immagini:

immagine

Il tag per inserire un'immagine è molto semplice:
<img src="nomeimmagine.jpg">

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.


Alcuni esempi:

immagine < img src="nome immagine" align="right"> l'immagine viene allineata alla destra della scritta. Per ripartire al di sotto dell'immagine basta inserire tanti 'a capo' (<br>) quanto basta, oppure utilizzare altri metodi (es. chiusura riga tabella).
Per immettere immagini, tabelle, e tutti gli altri oggetti sul foglio senza nessun tipo di problema di spazio o ingombro vedi il tag div.




ciao!!!!!!!!!
< img src="nome immagine" alt="ciao!!!!!!!!!">
Prova a fermarti sopra l'immagine con il mouse.

immagine
< img src="nome immagine" border="10">

immagine
< img src="nome immagine" width="150" height="50">

immagine
< img src="nome immagine" vspace="30" hspace="150">

IMPORTANTE:
Se un'immagine non viene visualizzata può dipendere da due motivi:
1- L'immagine non è stata inserita in memoria.
2- Il nome dell'immagine non è stato scritto correttamente. Attenzione alle maiuscole!! .gif non è uguale a .GIF

Cercate di avere un riscontro su internet del sito che state per costruire, non sempre è uguale a quello che vedete sul vostro pc.
























Paragrafo abc:
Questo è un esempio per il capitolo Link..... niente a che fare con le immagini.....