Archivi tag: img

HTML5 Base – 5.5 – Link grafici

In questa lezione vi mostro come rendere cliccabile una immagine per trasformarla in un collegamento.

Non sempre un link deve essere basato sul testo: ad esempio può essere necessario usare una immagine e renderla cliccabile (come un pulsante) per raggiungere la nostra destinazione.

Link grafici

Possiamo trasformare una immagine in un pulsante, racchiudendo il tag <img> all’interno del tag dei collegamenti <a>:

<a href="destinazione"> <img src="foto.jpg"> </a>

In questo modo, l’immagine diventa cliccabile e vi porterà alla destinazione del collegamento.

Video

HTML5 Base – 5.1 – Il tag IMG

In questa lezione vi spiego come inserire immagini nella vostra pagina web.

I file immagine

Nelle pagine web potete inserire file di tipo immagine, ovvero file con le seguenti estensioni:

  • .JPG o .JPEG
  • .GIF
  • .PNG

Per inserire una immagine nella pagina, dovete averla in una qualche cartella del vostro sito, oppure deve essere presente su un altro sito, ma dovete conoscere il suo indirizzo.

<img>

Il tag  <img> serve per inserire una immagine nella pagina. Come per il tag <br>, anche questo è autoconclusivo, non occorre chiuderlo.

Il tag <img> vuole l’attributo src per sapere dove si trova l’immagine da visualizzare:

<img src="percorso immagine">
immagini
Esempio di immagine

Per inserire una immagine, potete usare un percorso relativo (se l’immagine è nel vostro sito) o assoluto (se si trova su un sito esterno).

Video