CREARE SITI WEB in HTML e CSS > Le immagini rimangono separate dai file HTML !
Le immagini che vengono visualizzate in una pagina web, non sono incorporate all'interno del file HTML.
Ad esempio le immagini che vedi all'indirizzo
http://millecitta.altervista.org/citta-nel-mondo.html
non sono all'interno del file "citta-nel-mondo.html", ma vengono nell'occasione richiamate dalle cartelle dove risiedono.
Esegui un esempio pratico:
1 - apri il programma Filezilla e collegati al sito remoto
2 - dalla finestra di destra elimina la cartella "immagini" (cliccaci sopra con il tasto destro; dal menu a discesa clicca su "Elimina"; OK)
3 - Riapri il browser e carica o aggiorna la pagina "citta-nel-mondo.html"
Vedrai una pagina con dei riquadri vuoti !
Considera quei riquadri vuoti come delle finestre o fori,
dai quali la pagina HTML "tenta" (mediante il tag <img>),
di caricare e visualizzare le immagini indicate dall'attributo "src".
<img alt="colosseo-roma (3K)" src="immagini/colosseo-roma.jpg"
height="95" width="150" />
Quando non viene caricata l'immagine, se presente, viene visualizzato all'interno del riquadro il testo alternativo indicato dall'attributo "alt".
Gli attributi "height" e "width" indicano rispettivamente l'altezza e la larghezza in pixel dell'immagine; omettendoli, l'immagine viene visualizzata a grandezza naturale.
Terminato l'esperimento,
4 - ricopia la cartella "immagini" nel sito remoto !