EchoEcho.Com
CORSI COMPLETI

HOME CORSI HTML LINKS     
EchoEcho.Com
STRUMENTI & RISORSE
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
  
  CERCA QUESTO SITO

Suggerisci questo Sito a un Amico
SUGGERISCI QUESTO SITO

HTML LINKS

INTRODUZIONE


COME FARE UN LINK


COLORI PER I LINK DI TESTO



METE DEL LINK


SENZA SOTTOLINEATURA


LINK DI TESTO AVANZATI


LINK DI IMMAGINE


MAPPATURA DELL'IMMAGINE


LINK ALL'INTERNO DI UNA PAGINA


I LINK NEL FRAMESET


LINK A UNA NUOVA FINESTRA

Links HTML :
COLORI PER I LINK DI TESTO

Ci sono alcuni attributi che possono essere utili per il controllo dei colori dei link di testo.

Questa pagina ti insegnerà a:
  • Definire i colori per tutti i link sulla pagina.


  • Definire i colori per i singoli link sulla pagina.






Definire i colori per tutti i link sulla pagina

Il colore generale dei link di testo è specificato nel tag <body>, come nell'esempio qui sotto:

<body link="#C0C0C0" vlink="#808080" alink="#FF0000">

  • link - link normale - per una pagina dove il visitatore non è ancora stato. (il colore standard è blu - #0000FF).


  • vlink - link visitato - per una pagina dove il visitatore è già stato. (il colore standard è viola - #800080).


  • alink - link attivo - il colore del link quando è toccato dal mouse. (il colore standard è rosso - #FF0000).


Nota
Puoi cliccare qui per studiare il sistema di colori esadecimale che viene usato in HTML.






Definire i colori per i singoli link sulla pagina

Il metodo descritto sopra vale per dare un colore comune ai link della pagina.

Comunque, puoi sempre scegliere di dare a uno o più link colori diversi dal resto della pagina.

Ci sono due modi per farlo:
  • Mettendo dei font tag tra i tag <a href> e </a>.
    Questo metodo funziona su tutti i browser tranne MSIE 3.


  • Usando un attributo di stile nel tag <a>.
    Questo metodo funziona su MSIE3 e i browser più recenti.


Ecco il risultato ottenuto con il primo metodo:
Clicca <a href="http://www.yahoo.com"><font color="FF00CC">qui</font></a> per andare su yahoo.

Nota:
E' importante che i due tag <font> e </font> siano scritti tra i tag <a href> e </a>.


Ecco il risultato ottenuto con il secondo metodo:
Clicca <a href="http://www.yahoo.com" style="color: rgb(0,255,0)">qui</a> per andare su yahoo.


Nota:
I numeri RGB indicano le quantità di rosso, verde e blu usando valori compresi tra 0 e 255. Puoi imparare a convertire i colori RGB e i colori esadecimali ("hexcolors") cliccando qui.


Ora, siccome nessuno dei due metodi funziona su tutti i browser, dobbiamo usarli insieme, combinandoli.

Questo esempio funzionerà su tutti i browser:
Clicca <a href="http://www.yahoo.com" style="color: rgb(0,255,0)"><font color="FF00CC">qui</font></a> per andare su yahoo.






Quest'ultimo esempio è interessante. Non solo perché è in grado di funzionare su tutti i browser, ma anche percé mostra un approccio generale alla creazione di pagine "sicure" su tutti i browser.

Siccome i browser ignorano tutte le informazioni che non capiscono, puoi aggirare le differenze tra i browser semplicemente aggiungendo differenti attributi per diversi browser.

Se vuoi effetti più sofisticati, passa direttamente alla sezione dedicata ai fogli di stile.



<< PRECEDENTE
CONTINUA >>

CORSO HTML

HTML FONDAMENTALI


HTML TESTO


HTML LISTE


HTML IMMAGINI


HTML LINKS


HTML SFONDI


HTML TAVOLE


HTML FRAMES


HTML FORMS


HTML METATAGS


HTML COLORI HEX




EchoEcho.Com
CORSI COMPLETI
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
EchoEcho.Com
STRUMENTI & RISORSE

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved