|
Abbiamo imparato come creare dal nulla una pagina web senza l'ausilio di software specifici. Ora affronteremo un codice semplice come tutti i codici HTML ma fondamentale per rendere migliori le nostre pagine dal punto di vista dell'impatto visivo. Il TAG per inserire le immagini è <IMG> e si completa con queste istruzioni (indicherò solo le principali, ma non sono le uniche):
- SRC (indica il percorso dell'immagine, la sua posizione sul web o all'interno di una cartella locale)
- ALT (la didascalia che apparirà nel momento in cui passeremo col mause sopra l'immagine)
- BORDER (il bordo dell'immagine, impostato a zero non ci sarà cornice)
Facciamo subito un esempio pratico per capire bene il funzionamento di questo codice HTML:
<IMG SRC="img/foto_gatto.jpg" ALT="Questa è la foto di un gatto" BORDER="0">
il risultato:
Attraverso l'istruzione SRC abbiamo indicato il percorso in cui cercare l'immagine del gatto infatti questo sito contiene una cartella che si chiama "img" ed al suo interno ha una foto che si chiama "foto_gatto.jpg" (il risultato è il percorso "img/foto_gatto.jpg").
L'istruzione ALT è servita per la didascalia, se fermate il mouse sopra l'immagine potrete leggere il testo "Questa è la foto di un gatto"
Il BORDER settato a "0" evita che si formi una cornice intorno all'immagine. Potete provare a settare "1", "2" o altri valori per valutarne l'effetto.
Le immagini in una pagina web possono avere svariate applicazioni ed i parametri per spostarle ed allinearle in base alle nostre esigenze ci consentono soluzioni interessanti. Continua a seguire il corso per scoprire per vedere altri esempi.
|
