Tutte le immagini sul web hanno un indirizzo, in genere l'indirizzo è una pagina web, se andiamo a questo indirizzo
vedremo questa pagina:
http://digilander.libero.it/nivasiodolcemare/acquerelli/croce.html,
ma se vogliamo vedere solo l'immagine dobbiamo mettere l'indirizzo del sito, in questo caso:
http://digilander.libero.it/nivasiodolcemare/, poi l'eventuale cartella:
acquerelli/ e poi il nome dell'immagine, in questo caso
croce.jpg.
Quindi l'indirizzo della sola immagine risulta
http://digilander.libero.it/nivasiodolcemare/acquerelli/croce.jpg.
A questo punto siamo a buon punto :-)) abbiamo l'indirizzo dell'immagine :-), ora facciamo copia incolla di questo indirizzo dal barra del nostro browser, e non ci resta che
richiamare l'immagine dal blog.
Il codice per richiamare l'immagine è questo.
IL risultato è questa immagine
Analizziamo questo codice: intanto sta tra una coppia di tag come tutti i codici html, in questo caso
la coppia
< >, poi abbiamo
img src=, per ricordarlo pensiamo che significa
image source, cioè
sorgente dell' immagine,
infatti è
image source senza le vocali. Dopo l'uguale abbiamo la coppia
" ", tra questa coppia deve stare l'indirizzo
dell'immagine, per esempio
http://nomesito.xxx//nomecartella/nomeimmagine.jpg.
A questo punto l'immagine richiamata viene visualizzata nelle stesse dimensioni in cui è stata trasferita
nello spazio web, se vogliamo possiamo mettere queste dimensioni, le mettiamo
dopo le virgolette e
prima della chiusura del tag > ,
in questo caso le dimensioni originali sono
width="311" height="445" e infatti inserendo questa larghezza
( width ) e questa altezza
( height )l'immagine risulta uguale.
Se proviamo a cambiare l'altezza e la larghezza abbiamo questo risultato:
Se vogliamo possiamo anche mettere un bordo : border="4"
Otteniamo questo risultato:
Ho cercato di spiegare qualcosa, sicuramente come tutte le spiegazioni risulterà astrusa per chi non sa nulla, e inutile per chi sa già tutto :-)).