L'attributo Cascading Style Sheets (CSS) è più comunemente usato per cambiare il colore dei collegamenti ipertestuali nelle pagine web. Soluzioni meno funzionali a questo problema sono nel linguaggio HTML (HyperText Markup Language - "hypertext markup language").
È necessario
Conoscenza di base dei linguaggi HTML e CSS
Istruzioni
Passo 1
Preparare un blocco di stile per i collegamenti ipertestuali. Nella sua forma più semplice, potrebbe apparire così: a {colore: verde} Qui "a" è chiamato "selettore", il che indica che la descrizione dello stile tra parentesi deve essere applicata a tutti i tag di collegamento nel documento. Il verde definisce il colore del collegamento; questa è una definizione di colore molto approssimativa ed è usata raramente. Molto più spesso, al selettore "a" viene aggiunta una "pseudo-classe": si tratta di un'etichetta che consente di specificare lo stile del collegamento in tre diversi stati.
Passo 2
Usa la pseudo-classe link per definire lo stato normale (inattivo) del link. Potrebbe apparire così, ad esempio: a: link {color: Green}
Passaggio 3
Usa la pseudo-classe al passaggio del mouse per specificare come deve apparire il collegamento al passaggio del mouse. Ad esempio: a: hover {color: Lime}
Passaggio 4
Usa la pseudo-classe visitata per descrivere lo stile di un link già visitato. Ad esempio: a: visitato {color: DarkGreen}
Passaggio 5
Combina tutti e tre gli stati in un blocco di descrizione di stile. L'aspetto del codice HTML contenente le descrizioni CSS degli stili può, ad esempio, assomigliare a questo:
a: collegamento {colore: verde}
a: visitato {colore: DarkGreen}
a: hover {color: Lime}
Qui, i tag di stile HTML di apertura e chiusura indicano al browser dove iniziano e finiscono le descrizioni di stile e tra di loro c'è una descrizione del comportamento del collegamento in tre stati.
Passaggio 6
Il campione utilizzato sopra mostra solo le caratteristiche del colore, ma nella descrizione possono essere inclusi altri attributi. Ad esempio, se il design della pagina richiede che il collegamento non sia sottolineato nello stato normale (inattivo), ma sottolineato quando si passa sopra il cursore, il codice può essere modificato come segue:
a: collegamento {colore: verde; decorazione del testo: nessuno;}
a: visitato {colore: verde scuro; decorazione del testo: nessuno;}
a: hover {color: Lime; decorazione del testo: sottolineato;}
Passaggio 7
Se vuoi cambiare il colore solo di alcuni link nella pagina e lasciare il resto con le impostazioni predefinite, aggiungi l'attributo class al tag di ogni link che stai cambiando. Ad esempio, denominare questa classe di collegamento ipertestuale newLinks. Quindi il tag link potrebbe avere questo aspetto: text link Lo stesso nome di classe deve essere aggiunto alla descrizione dello stile:
a.newLinks: link {color: Green; decorazione del testo: nessuno;}
a.newLink: visitato {color: DarkGreen; decorazione del testo: nessuno;}
a.newLinks: hover {color: Lime; decorazione del testo: sottolineato;}
Passaggio 8
Posiziona il codice di descrizione dello stile preparato dagli esempi descritti sopra nell'intestazione della pagina, tra i tag e. Se necessario, aggiungi un attributo di classe ai tag di collegamento con il nome utilizzato nelle descrizioni di stile. Quindi salva la pagina modificata e la procedura per cambiare il colore dei collegamenti ipertestuali sarà completata.
