L'aggiunta di immagini e collegandoli al contenuto all'interno del tuo sito web o blog è un ottimo modo per mantenere il vostro sito interattivo e coinvolgere i tuoi lettori. Se il sistema di gestione dei contenuti ha un editor visuale, si creerà il vostro link per voi, ma se avete bisogno per creare il collegamento da soli, tutto ciò che serve è un po 'di conoscenza di HTML. Seguendo questi pochi e semplici passaggi, si avrà immagini linkabili sulla tua pagina web in pochissimo tempo.

istruzione

Creazione di immagine collegato

1 Carica la tua immagine da qualche parte on-line; quindi copiare la destinazione in modo da poter inserire il collegamento ipertestuale ad esso. Specificare la larghezza e l'altezza vi permetterà di ridimensionare l'immagine, e il tag "alt" permette di inserire testo per descrivere l'immagine nel caso in cui l'immagine non può essere visualizzato per l'utente. Codice di esempio:

<Img width = "n" height = "n" alt = "image description" />

2 Aggiungere il seguente codice HTML prima e dopo il vostro link immagine, sostituendo la destinazione attuale per il codice di esempio. Codice di esempio:

<a href="http://www.yoursite.com/thepageyouwantolinkto.html">

<Img width = "n" height = "n" alt = "image description" />

</a>

3 Rimuovere il bordo blu che è l'impostazione predefinita HTML per come appaiono le immagini. Invio "border = 0" nel modo seguente. Questo produce un look più pulito sulla tua pagina. Codice di esempio:

<a href="http://www.yoursite.com/thepageyouwantolinkto.html">

<Img width = "n" height = "n" border = "0" alt = "image description" />

</a>

Consigli e avvertenze

• Se si dispone di più immagini che si desidera collegare, tenerli memorizzati nella stessa cartella sul server.
• Il codice HTML è case-sensitive, in modo da assicurarsi di digitare correttamente i collegamenti.