Linkit vaikuttavat merkittävästi verkkosivun ulkonäköön. Olipa kyseessä verkkosivustosi tai blogisi, kauniisti räätälöidyt linkit muuttavat verkkosivustosi ulkoasua parempaan suuntaan. Mukavan linkin luominen on melko helppoa myös ilman HTML- ja CSS-tiedostoja.
Ohjeet
Vaihe 1
Luodaan ensin säännöllinen linkki. Tämä tehdään seuraavalla koodilla: linkin nimi. Tässä koodissa tagi on linkki. Sen "href" -attribuutti osoittaa sen sivun osoitteen, jolle linkki johtaa. Kirjoita "linkin otsikko" sijasta linkkiä edustava sana tai lause
Voit myös lisätä tekstiä, joka näkyy, kun napsautat linkkiä. Tunnisteen "title" -attribuutti auttaa sinua tässä.
Vaihe 2
Mennään nyt linkittämiseen. Helpoin tapa tehdä tämä on CSS-tyylisivut. Avaa sivustosi tyylit sisältävä tiedosto ja kirjoita siihen koodi. Vaihtoehtoisesti voit lisätä tyylit suoraan HTML-sivulle. Voit tehdä tämän käyttämällä sivuston tyylin mukautuskoodia.
Vaihe 3
Mennään alas suunnitteluun. Merkinnän syntaksi olisi {tyyliparametrit}. Mitä minun pitäisi kirjoittaa tähän?
Muuta ensin linkkien väri mieleisekseen. Tämä koodi auttaa sinua tässä:
a {väri: # 00000;}. Tietysti sinun on lisättävä oma väri värin "# 00000" sijaan. Voit selvittää tässä muodossa olevan värikoodin eri grafiikkaohjelmissa (esimerkiksi Photoshopissa) tai etsiä web-paletin.
Vaihe 4
Oletuksena selain tekee linkit alleviivatuksi. Tämä voidaan peruuttaa seuraavalla koodilla: a {text-decoration: none;}
Luo rohkeita linkkejä käyttämällä parametria font-weight: bold; Se lisätään tyylikoodiin samalla tavalla kuin väri, alleviivaus.
Vaihe 5
Olet todennäköisesti huomannut, että joillakin sivustoilla, kun viet hiiren linkin päälle, sen ulkonäkö muuttuu. Voit tehdä tämän myös. Tällainen koodi auttaa sinua: a: vie hiiri {tyyliparametrit}. Parametrit määritetään samalla tavalla kuin tavalliselle linkille, ainoa arvo on "hover" -pseudoluokka, joka ilmoittaa selaimelle, että näitä asetuksia on sovellettava, kun hiiren osoitin on linkin päällä.
Vastaavasti voit korostaa vierailemasi linkit: a: käynyt {tyyliparametrit}
