Aggiungi un collegamento a un'immagine in html

1. Crea un file HTML. Apri un editor di testo e quindi crea un nuovo file. Salva il file come indice.html.

• Puoi utilizzare qualsiasi editor di testo che desideri, anche i semplici editor di testo di Windows (Notepad) e Mac OS X (TextEdit).

• Desidera utilizzare un editor di testo progettato per lavorare con HTML, quindi clicca qui per scaricare Atom, un editor di testo per Windows, Mac OS X e Linux.

• Se utilizzi TextEdit, fai clic sul menu Formato prima di creare il file HTML, quindi fai clic su Crea testo normale. Questa impostazione fa sì che il file HTML venga caricato correttamente in un browser web.

• Gli elaboratori di testi come Microsoft Word non sono molto bravi a scrivere HTML poiché aggiungono caratteri invisibili e formattazione che possono danneggiare il file HTML e impedirne la corretta visualizzazione in un browser web.

2. Copia e incolla il codice HTML predefinito. Seleziona e copia il codice HTML qui sotto e incollalo nel tuo indice aperto.html.

3. Trova l`URL della tua immagine. Trova un`immagine sul Web, fai clic con il pulsante destro del mouse e (a seconda del browser) fai clic su Copia URL immagine, Copia indirizzo immagine o Copia posizione immagine.

• Utilizzo di Firefox e Internet Explorer Copia posizione dell`immagine. Chrome utilizza Copia URL immagine. Safari utilizza Copia indirizzo immagine.

4. Aggiungi l`URL dell`immagine. Nell`indice del file.html fare clic e trascinare per selezionare l`URL dell`immagine con il mouse, quindi premere CTRL+V per incollare l`URL.

5. Aggiungi l`URL di destinazione. Nell`indice.html cancella l`URL di destinazione e digitahttps://www.pagina iniziale.com.

• È possibile utilizzare qualsiasi URL come URL di destinazione.

6. Salva il file HTML.

7. Apri il file HTML in un browser web. Fare clic con il tasto destro sull`indice.html e quindi apri questo file nel browser web di tua scelta.

• Quando il browser si apre, ma non vedi l`immagine, controlla di aver digitato correttamente il nome del file di immagine nel file di indice.html.

• Quando il browser si apre, ma vedi il codice HTML invece dell`immagine di sfondo, quindi il tuo indice.html salvato come .file rtf (file RTF). Prova a modificare il file HTML in un altro editor di testo.

Metodo 2 di 2: Comprensione del codice HTML

1. Comprendi il tag di ancoraggio. Il codice HTML è composto da tag di inizio e tag di fine. Il

Il dice a un browser di creare un collegamento. Il href è un`abbreviazione di riferimento HTML, de = dice al browser di fare qualsiasi cosa tra i " " per creare un collegamento. Qualsiasi URL può essere inserito tra le due virgolette.

Il indica al browser che il tag anchor è chiuso.

Quando aggiungi del testo in mezzo e quel testo diventa un collegamento cliccabile su una pagina web. Ad esempio: crea un collegamento a Google.

2. Comprendi il tag immagine. Il

Il tag dice a un browser di visualizzare un`immagine. Il src è un`abbreviazione di fonte, de = dice al browser di fare tutto tra il " " e ottenere l`immagine da quella posizione.

Il /> dice al browser di chiudere il tag immagine.

Ad esempio: {{samp[|

3. Usa questo codice ovunque. Ora che conosci questo codice, puoi utilizzare per aggiungere immagini cliccabili a qualsiasi pagina Web con codice HTML.