Ricerca personalizzata

Seguici anche su :

28/01/11

Come creare un link con testo e immagine

Oggi voglio postare alcuni tag HTML , che spesso mi vengono richiesti da amici blogger e che permettono di realizzare un link con testo e con immagine che portino cliccandoci sopra in una determinata pagina scelta da noi.

1) Vediamo allora i vari codici partendo da un codice testuale composto da un testo con un link che porti in una determinata pagina

<a href="URL DA INSERIRE">NOME DEL OGGETTO/SITO</a>

Possiamo rendere il nostro link piu' carini riempiendo il testo, e scegliendo un colore

<a href="URL DA INSERIRE"><span style="font-weight: bold; color: rgb(255, 0, 0);">Burracomaniaonline</span></a>

2) Ora passiamo ad un link che abbia un immagine invece del testo e che sia cliccabile e conduca in un ' altra pagina scelta da noi. Con questo tipo di codice possiamo impostare diversi valori l' indirizzo inserendo qualsiasi url, la grandezza del immagine modificando i pixel di width/height, e l' immagine inserendo qualsiasi url di qualsiasi immagine

<a href="URL DA INSERIRE" target="_blank"><img style="width: 160px; height: 45px;" src="IMMAGINE DA INSERIRE" /></a>

Nessun commento: