I collegamenti influiscono in modo significativo sull'aspetto di una pagina Web. Che si tratti del tuo sito web o blog, i link meravigliosamente personalizzati cambieranno in meglio il design del tuo sito web. Anche senza la conoscenza di html e css, creare un bel collegamento è abbastanza facile.
Istruzioni
Passo 1
Prima di tutto, creiamo un collegamento regolare. Questo viene fatto usando il seguente codice: nome del collegamento. In questo codice, il tag è un collegamento. Il suo attributo "href" indica l'indirizzo della pagina a cui conduce il collegamento. Invece di "titolo del collegamento" scrivi una parola o una frase che rappresenterà il collegamento
Puoi anche aggiungere del testo che apparirà quando clicchi sul link. L'attributo "titolo" del tag ti aiuterà in questo.
Passo 2
Ora passiamo al collegamento. Il modo più semplice per farlo è nei fogli di stile a cascata (css). Apri il file contenente gli stili per il tuo sito e scrivi lì ulteriore codice. In alternativa, puoi inserire gli stili direttamente nella pagina html. Per fare ciò, usa il codice di personalizzazione dello stile del sito.
Passaggio 3
Passiamo al design. La sintassi per la voce sarebbe {parametri di stile}. Cosa dovrei scrivere qui?
Innanzitutto, cambia il colore dei collegamenti a tuo piacimento. Questo codice ti aiuterà in questo:
a {colore: # 00000;}. Naturalmente, invece di "# 00000" devi inserire il tuo colore. Puoi trovare il codice colore in questo modulo in diversi programmi di grafica (ad esempio in Photoshop) o trovare una tavolozza web.
Passaggio 4
Per impostazione predefinita, il browser sottolinea i collegamenti. Questo può essere cancellato con il seguente codice: a {text-decoration: none;}
Per creare collegamenti in grassetto, usa il parametro font-weight: bold;. Viene inserito nel codice di stile allo stesso modo di colore, sottolineatura.
Passaggio 5
Probabilmente avrai notato che su alcuni siti, quando passi con il mouse su un link, il suo aspetto cambia. Puoi farlo anche tu. Un codice come questo ti aiuterà: a: hover {parametri di stile}. I parametri sono specificati allo stesso modo di un collegamento normale, l'unico valore è la pseudo-classe "hover", che notifica al browser che queste impostazioni devono essere applicate quando si passa con il mouse sul collegamento.
Allo stesso modo, puoi evidenziare i link visitati: a: visitato {parametri di stile}
