Lezione 16 - Corso Base Html

I Link Grafici in Html


Link Grafici - Immagini Cliccabili

Oggi parleremo di come si crea un link, cioè un collegamento, rendendo un'immagine cliccabile e collegarla o ad una sezione interna alla pagina oppure collegarla ad una pagina o ad un file esterno.

Sintassi:
<a href="link di destimnazione"><img src="immagine che si rende cliccabile"/></a>

Nella lezione 8 del corso base parlavamo del tag <a> e del suo attributo href e che fra i simboli di maggiore a sinistra e minore a destra, si inseriva il testo che sarebbe stato cliccabile. Quel testo che passandoci sopra con il mause, l'indicatore, la freccetta, diventa una manina e questo stava ad indicare che quel testo era sensibile ed era proprio un collegamento ad un'altro punto delle stessa pagina o ad un link verso un'altra pagina, o ad un'immagine o ad un qualsiasi altro sito.

Ora, allo stesso modo, anziché metterci del testo ci inseriamo un'immagine come abbiamo imparato a fare, e quindi il codice sara:
<html>                      
 <head>			    
  <title>Link Grafici</title>     
 </head>
 <body>			    
    <h1>Link Grafici Immagini Cliccabili</h1>  
    <a href="http://https://corsihtmlonlinegratis.it"><img src="FotoMontagna.jpg"/></a>
 </body>                
</html>                    
Questo codice dice che cliccando sulla sull'immagine FotoMontagna.jpg si aprirà il sito CodiceHtmlBase.it