Immagini:
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:
< 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.
< img src="nome immagine" alt="ciao!!!!!!!!!">
Prova a fermarti sopra l'immagine con il mouse.
< img src="nome immagine" border="10">
< img src="nome immagine" width="150" height="50">
< 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.....