Impostare il colore del testo e dei link per tutta la pagina

17 marzo 2006

Il testo

Se non viene impostato nessun colore per il testo, 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.

I link

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:

StatusCodifica in HTML 4.01Descrizione
Collegamento normalelinkNormalmente 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 visitatovisitedUn 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 attivoactiveIl 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 mouseassenteCon 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">

Tutte le lezioni

1 ... 25 26 27 ... 58

Se vuoi aggiornamenti su Impostare il colore del testo e dei link per tutta la pagina inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Impostare il colore del testo e dei link per tutta la pagina

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy