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:
| 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">
Ultimi articoli HTML/XHTML
Inserire video nelle pagine Web con HTML5Codec, compatibilità dei browser, tools, codice e best practices per... |
LungoJS: semantica HTML5 per il mobileRealizzare layout per dispositivi mobili tenendo conto della... |
Web storage, i cookies secondo HTML5Come rendere persistenti i dati con HTML5 |
HTML5, section o article? ...E il div?Cerchiamo di fare chiarezza sull'uso di questi due nuovi elementi e... |
HTML5, la validazione del codiceGli strumenti per verificare l'aderenza agli standard di pagine e... |
Guide HTML/XHTML
Guida HTML5Una guida per conoscere e applicare da subito le novità introdotte... |
Guida XHTMLXHTML è il nuovo standard per il WEB ed è la transizione verso... |
Newsletter @Daily HTML.it
Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.
Iscriviti alla newsletter
Corsi in aula
|
|
Corso Google AdWords Base27 Febbraio 2012 a Milano |
|
|
Corso Webmaster base12 Marzo 2012 a Milano |
|
|
Corso Webmaster base20 Febbraio 2012 a Roma |
|
|
Corso Google AdWords Base28 Marzo 2012 a Roma |