Come Inserire Un'immagine In Un Link

Sommario:

Come Inserire Un'immagine In Un Link
Come Inserire Un'immagine In Un Link

Video: Come Inserire Un'immagine In Un Link

Video: Come Inserire Un'immagine In Un Link
Video: Come inserire un link in Word e renderlo attivo 2024, Novembre
Anonim

La sintassi del linguaggio HTML consente di creare collegamenti ipertestuali non solo testuali, ma anche grafici. Per un visitatore del sito, tale collegamento sembra un'immagine e quando fai clic sull'immagine, vai a un'altra pagina web.

Come inserire un'immagine in un link
Come inserire un'immagine in un link

Istruzioni

Passo 1

Utilizzando qualsiasi editor di grafica, ridurre l'immagine. La sua dimensione in una qualsiasi delle coordinate non deve superare i 200 pixel. È meglio se l'immagine ha un layout orizzontale. Questo può essere, ad esempio, un pulsante virtuale, la cui iscrizione è realizzata in un carattere artistico. Il formato dell'immagine deve essere uno dei seguenti: JPG, PNG, GIF. Il primo è preferito per le fotografie e gli altri due sono preferiti per la grafica al tratto (questa è la migliore compressione). Assicurati di salvare il risultato della modifica con un nuovo nome per non rovinare l'originale.

Passo 2

Carica il file immagine sul server nella cartella in cui si trova il file HTML. Per eseguire tale download, è possibile utilizzare l'interfaccia web (se disponibile dal provider di hosting) o qualsiasi programma client FTP.

Passaggio 3

Inserisci il seguente frammento di codice nella posizione desiderata nel file HTML:, dove l'espressione dopo l'operatore "href =" è l'indirizzo a cui conduce il collegamento e someimage

Passaggio 4

Per alcuni utenti la visualizzazione delle immagini nel browser è disabilitata. Pertanto, è consigliabile inserire una spiegazione di dove conduce il collegamento direttamente sotto l'immagine. In tal caso, modifica lo snippet di codice sopra in modo che assomigli a questo:

Primo piano degli insetti. Il testo esplicativo apparirà sotto l'immagine. Facendo clic su di esso si accederà anche al collegamento.

Passaggio 5

Dopo aver caricato la versione aggiornata del file HTML sul server, aprire la pagina corrispondente nel browser, quindi assicurarsi che l'immagine sia visualizzata e il collegamento sia valido. La transizione lungo di essa dovrebbe verificarsi quando fai clic sia sull'immagine che sull'iscrizione esplicativa situata sotto di essa (se presente).

Consigliato: