CITAZIONE
Links : in informatica, un collegamento ipertestuale (in inglese hyperlink, spesso chiamato anche link) è un rinvio da un'unità informativa (documenti, immagini, etc.) su supporto digitale ad un'altra.
→
normale link
→ link
attivato → link
visitato → link
al passaggio del mouse
Questi
selettori possono avere
tutti i valori di elementi come
font, background, color, border, padding, margin, etc
Il
TAG che richiama un
collegamento ipertestuale all'interno della pagina web è :
CODICE
<A HREF="URL"> TESTO </A>
→ nel caso si voglia un link
testuale→
ESEMPIOCODICE
<A HREF="URL"><IMG SRC="URL IMMAGINE" BORDER="0"></A>
→ nel caso si voglia
un'immagine come link
→
IMMAGINI ESEMPIO
Se si desidera che il link
si apra in una nuova pagina si dovrà aggiungere
target="_blank"CODICE
<A HREF="URL" TARGET="_blank"> TESTO </A>
viene utilizzato per evitare che l'immagine abbia un
bordo di default (viceversa basta sostituire 0 con 1,2...in base allo
spessore)
CODICE
<A HREF="URL" TARGET="_blank"><IMG SRC="URL IMMAGINE" BORDER="0"></A>
Il
TAG puo' essere personalizzato tramite
css, richiamando i valori con il selettore
CLASSCODICE
<A CLASS="NOME CLASSE" HREF="URL"><IMG SRC="URL IMMAGINE" BORDER="0"></A>
Nel
CSS i
4 selettori possono essere cosi' scritti :
CODICE
A:LINK {text-transform: uppercase;
font-size: 8px;
font-family: "sans-serif", georgia, verdana, arial;
text-decoration: none;
color: #2884BF;
font-weight: bold;
letter-spacing: 1px}
A:ACTIVE {text-transform: uppercase;
font-size: 8px;
font-family: "sans-serif", georgia, verdana, arial;
color: #2884BF}
A:VISITED {text-transform: uppercase;
font-size: 8px;
font-family: "sans-serif", georgia, verdana, arial;
color: #2884BF}
A:HOVER {color: #9D7AAF;
letter-spacing: 2px}
CODICE
A:LINK , A:ACTIVE , A:VISITED {text-transform: uppercase;
font-size: 8px;
font-family: "sans-serif", georgia, verdana, arial;
text-decoration: none;
color: #2884BF;
font-weight: bold;
letter-spacing: 1px}
A:HOVER {color: #9D7AAF;
letter-spacing: 2px}
CODICE
A {text-transform: uppercase;
font-size: 8px;
font-family: "sans-serif", georgia, verdana, arial;
text-decoration: none;
color: #2884BF;
font-weight: bold;
letter-spacing: 1px}
A:HOVER {color: #9D7AAF;
letter-spacing: 2px}
→ ed ecco qua
un link
