Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 28 di 58
  • livello principiante
Indice lezioni

Impostare il colore del testo e dei link in tutta la pagina HTML

Come scegliere il colore del testo e come cambiare i colori dei link nella pagina HTML
Come scegliere il colore del testo e come cambiare i colori dei link nella pagina HTML
Link copiato negli appunti

<body text :  Colore del testo

Se non viene impostato nessun colore per il testo, nel markup HTML di default il testo di una pagina è nero.

Tuttavia il nero non sempre è leggibile con tutti i colori di sfondo. Immaginiamo ad esempio di voler utilizzare
proprio il nero come sfondo: con la pagina nera e il testo nero non leggeremmo nulla!

Abbiamo allora la possibilità di assegnare un colore per il testo di tutta la pagina, semplicemente utilizzando
questo attributo del tag <body>:

<body text="red">

Quindi potremo avere, ad esempio:

<body bgcolor="#0000ff" text="#ffffff">

come nell'esempio consultabile in questa pagina.

Spiegare che cosa siano i link sembra superfluo, in effetti è l'esperienza della navigazione nel Web ad averci già
insegnato che il link è un collegamento, un ponte tra una pagina è l'altra.

Non tutti però sanno che i link testuali hanno diversi stati:

Status Codifica in HTML 4.01 Descrizione
Collegamento normale link Normalmente il link quando si trova "a riposo" viene evidenziato in qualche maniera all'interno della pagina HTML, in modo che sia facile per l'utente individuarlo. Nell'HTML tradizionale il link è sempre sottolineato (è possibile eliminare la sottolineatura soltanto usando i CSS). Di default i link sono blu (#0000FF).
Collegamento visitato visited Un link è visitato, quando l'URL della pagina compare nella cronologia dell'utente. Di default i link visitati sono di color violetto (più esattamente: #800080).
Collegamento attivo active Il collegamento è attivo nel momento in cui il link è stato cliccato e sta avvenendo il passaggio da una pagina all'altra.
Non si tratta di una caratteristica particolarmente utile oggi, ma quando i modem avevano una velocità molto inferiore a quella odierna, vedere un link "attivo" era comunque un'indicazione sul fatto che qualcosa stava avvenendo.
Con Internet Explorer è possibile vedere anche una linea tratteggiata attorno al collegamento attivo.
Un ulteriore condizione in cui un link si rileva "attivo" è quando si utilizza il tasto destro del mouse su di lui. Insomma un link è attivo quando "ha il focus".
Collegamento al passaggio del mouse assente Con l'HTML 4.01 al passaggio del mouse sul link si può fare ben poco, coi fogli di stile invece è possibile creare qualche effetto di visualizzazione, utilizzando la parola chiave hover" nei CSS)

Abbiamo dunque tre stati canonici dei link (link a riposo, link attivo e link visitato) e una condizione aggiuntiva introdotta dai fogli di stile (status del link al passaggio del mouse):

Anche il colore dei link di tutta la pagina può essere tramite gli attributi del body:

I link secondo le impostazioni predefinite sono blu, per cambiare colore:

<body link="red">

Per cambiare colore ai link visitati (di default viola):

<body vlink="green">

i link visitati vengono memorizzate nella cronologia del browser, quindi se volete ripristinare il colore originario dei link, è sufficiente cancellare la cronologia.

Per cambiare colore ai link attivi:

<body alink="yellow">

La sintassi completa per impostare i link è quindi:

<body link="red" alink="yellow" vlink="green">


Ti consigliamo anche