Questo sito utilizza cookies, anche di terze parti, per mostrare pubblicità e servizi in linea con il tuo account. Leggi l'informativa sui cookies.
Username: Password: oppure
Guida HTML - Link avanzati

Guida HTML

Capitolo 13° - Link avanzati

<< Precedente Prossimo >>
Nei due capitoli precedenti si è trattato il link in maniera generica, ora affrontiamo qualcosa di più ovviamente non indispensabile, ma molto utile ai  fini del risultato.
Cominciano con il dire come migliorare l'aspetto dei link, possiamo farlo in duemodi principalmente, con il CSS (fogli di stile) o con il tag BODY.
Con i CSS possiamo farlo cosi :
<html>
<head>
<title> prova CSS integrato </title>
<style>
a: link {
       text-decoration : none;
       color: #9E9E9E;
       font-size: 10px;
}
a: visited {
    color: #9E9E9E;
    text-decoration: none;
         font-size: 10px;
}
a: active {
    color: #9E9E9E;
    text-decoration: none;
         font-size: 10px;
}

a: hover {
    color: #2394D8;
    text-decoration: none;
         font-size: 10px;


}
</style>
</head>
<body>
<a href="http://systemlog.altervista.org/" target="_blank"> Systemlog </a>
</body>
</html>

Analizziamo il codice con calma, abbiamo inserito un codice CSS al'interno del documento html, va inserito nell'HEAD tra  i tag <style> </style> con:
1:  "a : link" - impostiamo i valore per i collegamenti generale;
2:  "a : visited" - impostiamo i valori per i collegamenti visitati;
3:  "a : active" - impostiamo  valori per i collegamenti attivi;
4:  "a : hover" - impostiamo i valore per i collegamenti su cui passa il
                  mouse;

Vediamo ora i parametri :
1:  "text-decoration : none" - toglie le dcorazioni al link, ovvero la
                               sottolineatura;
2:  "font-size: 10px"  - impostiamo la grandezza del file in pixel;
3:  "color: #000000"  -  impostiamo il colore in esadecimale;

Un'altra cosa che vediamo nel codice soprastante, è il parametro target="", che puo assumere i seguenti valori:
1:  "_blank" - apre il link in una nuova finestra;
2:  "_self" - apre il link nello stesso iFrame in cui è stato clikkato;
3:  "_parent" - apre il link nel frame principale;
4:  "_top" -  apre il link in tutta la finestra corrente;
5:  "nomeFrame" - apre il link nel frame "nomeFrame";

Un'altro modo per colorare i link tramite il tag BODY in questo modo :
<html>
<head>
<tile>prova tag body</title>
</head>
<body link="#9E9E9E" vlink="#2394D8" alink="#9E9E9E">
<a href="http://systemlog.altervista.org/" target="_blank"> Systemlog </a>
</body>
</html>

Con questo metodo siamo molto limitati risetto a un foglio di style, però magari per una cosa veloce si può usare ecco le descrizioni :
1:  "link" - imposta il colore di default dei link;
2:  "vlink" - imposta il colore per i Visited Link, i link visitati;
3:  "alink" - imposta il colore per gli ActiveLink, i link attivi;

So a cosa state pensando, mettendo "hlink", possiamo impostare il colore per gli Hover Link, invece no, il metodo hover esiste solo nei CSS.
Altri tipi particolari di link sono quelli che non portano a un contento on-line ma a una applicazione sul computer dell'utente:
1: "mailto:mailmittente@server.it" - apre il programma di mail principale sul    
                                     pc dell'utente;
2: "skype:nomeContatto?call" - avvia una chiamata con skype al
                               contatto "nomeContatto";
3: "msnim:chat?contact=contatto@msn.it" - avvia una chat con il  
                                          contatto "contatto@msn.t";
<< Precedente Prossimo >>
A proposito dell'autore

BaseDati (MySQL- Oracle) - Design and modeling (also E/R) database of small/medium size. Support Query database of medium/large size.

BackEnd Developer (J2EE- PHP5) - Various Architectures types with different frameworks (struts, spring, hibernate etc).

FrontEnd Developer ( HTML5 - CSS3 - jQuery - AJAX - WebGL ) - User Friendly GUI ( Dummies approach ) with attention to issues of security and robustness.

FreeTime ( Raspberry PI - NeuroSky - Python - C - Processing, 3d Printer) - Research and Development of prototypes of robots and home automation systems.

FreeLance ( PHP5, HTML5, CSS3, JS) - Development and sale of websites and PHP applications on a marketplace).

FreeMind ( Information Architecture 3.0, Viral Marketing, Social Marketing ) - Research and study of concepts for the viral and social approach to the spread the information.

Startup (EveryThing) - DogInShow.com(Co-Founder), CodiMail.com(Co-founder), Snappeat(Collaboration), Uilli ( Collaboration) , MilkPlease (Collaboration),.