In questo spazio vediamo come inserire un’immagine sulla nostra pagina web.
Ricordate all’inizio del corso, nella lezione dedicata all’organizzazione del sito, vi consigliavo di inserire nella cartella principale del sito, una cartella di nome immagini? Bene, ora vi servirà! La prima cosa da fare è scegliere l’immagine che andremo a inserire sulla nostra pagina e, una volta scelta, inserirla, attraverso il copia e incolla, nella cartella immagini del sito. Sceglietene una qualsiasi. Ora vediamo il sistema di inserimento di questa immagine, o della vostra immagine, attraverso Html:
<img src="immagini/stones.gif">
Ora andiamo a commentare. Il tag img significa, appunto, immagine e viene scritto abbreviato. Unito a src che vuol dire source o sorgente indica appunto al Browser dove è ubicata l’immagine.
Il comando segue con il percorso che porterà il Browser a cercare, trovare e visualizzare l’immagine stones.gif. Il tag img non ha bisogno del tag di chiusura! Analizziamo con cura il percorso: “immagini/stones.gif” Immagini è la cartella immagini creata in precedenza, che racchiude l’immagine da visualizzare.
La barretta inclinata / serve appunto a identificare che si tratta di un percorso. Per ultima c’è appunto l’immagine da visualizzare stones.gif. Quando studieremo le lezioni dedicate ai link, vedremo come caricare un’immagine direttamente dal web, senza inserirla in nessuna cartella del sito.
Pubblicato in HTML & CSS
Commenta per primo