Aggiungere immagine con link html
Come utilizzare un'immagine come collegamento in HTML?
Possiamo aggiungere un'immagine come collegamento e altri elementi HTML come collegamento. Un collegamento è una connessione da una pagina Web a un'altra pagina Web.
Possiamo aggiungere collegamenti a una pagina web. I collegamenti HTML sono collegamenti ipertestuali. Il tag <a> definisce un collegamento ipertestuale e viene utilizzato per collegare da una pagina all'altra. L'attributo hrefviene utilizzato con il tag <a>, che indica la destinazione del link.
Per creare collegamenti di pagina in una pagina HTML, utilizzare i tag <a> e </a>, con l'attributo href utilizzato per definire i collegamenti. Dovremmo usare il <a>... </a> etichette all'interno <body>... </corpo>.
Di
seguito è la sintassi per aggiungere un'immagine come collegamento alla pagina web.
<a href="indirizzo collegamento"><img src="destinazione immagine"></a>Esempio
Di seguito è riportato il programma di esempio per creare un'immagine come collegamento.
<! DOCTYPEhtml><html><body><p><ahref="https://www.Youtube.com/"><imgsrc="https://www.tutorialspoint.com/assets/questions/media/426142-1668760872.png"style="width:50px; altezza:50px;" ></a></p></body></html>
Di seguito è riportato l'output per l'immagine come link, facendo clic sull'immagine ci guiderà alla home page di Google.
Esempio
Di seguito è riportato il programma di esempio per creare un'immagine come collegamento.
<! DOCTYPEhtml><html><body><center><h2>Immagine come link</h2><ahref="https://www.tutorialspoint.com"><imgsrc="https://www.tutorialspoint.com/assets/questions/media/426142-1668760765.png"alt="Tutorialspoint"style="width:50px; altezza:60px;" ></a></center></body></html>
Di seguito è riportato l'output per l'immagine come link, facendo clic sull'immagine ci guiderà alla pagina web di destinazione.
Esempio
Di seguito è riportato un altro programma di esempio per creare un'immagine come collegamento.
<! DOCTYPEhtml><html><head><title>HTML Immagine come link</title></head><body> La seguente immagine funziona come link:<br><ahref="https://www.qries.com/"> <img alt="Qries" src="https://www.qries.com/images/banner_logo.png" width=150" height="70"> </a></body></html>
Dopo aver cliccato sull'immagine, Reindirizzerà alla pagina web di destinazione.
Dai il via alla tua carriera
Ottieni la certificazione completando il corso
Inizia