Hogyan Készítsünk Egy Gyönyörű Linket

Tartalomjegyzék:

Hogyan Készítsünk Egy Gyönyörű Linket
Hogyan Készítsünk Egy Gyönyörű Linket

Videó: Hogyan Készítsünk Egy Gyönyörű Linket

Videó: Hogyan Készítsünk Egy Gyönyörű Linket
Videó: Оригами #вертушка из бумаги. Как сделать вертушку из бумаги своими руками 2024, Április
Anonim

A linkek jelentősen befolyásolják a weboldal megjelenését. Legyen az az Ön weboldala vagy blogja, a gyönyörűen testreszabott linkek jobbá fogják változtatni a webhely kialakítását. A html és a css ismerete nélkül is nagyon egyszerű létrehozni egy szép linket.

Hogyan készítsünk egy gyönyörű linket
Hogyan készítsünk egy gyönyörű linket

Utasítás

1. lépés

Először hozzunk létre egy szabályos linket. Ez a következő kód használatával történik: link neve. Ebben a kódban a címke link. A "href" attribútum jelzi annak az oldalnak a címét, amelyre a link vezet. A "link címe" helyett írjon egy szót vagy kifejezést, amely a linket képviseli

Hozzáadhat olyan szöveget is, amely a linkre kattintva jelenik meg. Ebben segít a címke "title" attribútuma.

2. lépés

Most térjünk le a linkelésre. Ennek legegyszerűbb módja a lépcsőzetes stíluslapok (css). Nyissa meg a webhely stílusait tartalmazó fájlt, és írjon oda további kódot. Alternatív megoldásként a stílusokat közvetlenül beillesztheti a html oldalba. Ehhez használja a webhelystílus testreszabási kódját.

3. lépés

Térjünk rá a tervezésre. A bejegyzés szintaxisa egy {stílusparaméter} lenne. Mit írjak ide?

Először változtassa meg kedve szerint a linkek színét. Ez a kód segít ebben:

a {color: # 00000;}. Természetesen a "# 00000" helyett be kell írnia a saját színét. Megtalálhatja a színkódot ebben a formában különböző grafikai programokban (például a Photoshopban), vagy webpalettát találhat.

4. lépés

Alapértelmezés szerint a böngésző aláhúzza a linkeket. Ez a következő kóddal törölhető: a {text-decoration: none;}

Merész linkek létrehozásához használja a font-weight: bold; paramétert. A stíluskódba ugyanúgy kerül be, mint a szín, az aláhúzás.

5. lépés

Valószínűleg észrevette, hogy egyes webhelyeken, amikor egy link fölé viszi az egérmutatót, annak megjelenése megváltozik. Ezt te is megteheted. Egy ilyen kód segít: a: lebegjen {stílusparaméterek}. A paraméterek ugyanúgy vannak megadva, mint egy normál link esetében, az egyetlen érték a "lebeg" ál-osztály, amely értesíti a böngészőt arról, hogy ezeket a beállításokat kell alkalmazni, amikor a link fölé viszi az egeret.

Hasonlóképpen kiemelheti a meglátogatott linkeket: a: meglátogatott {stílusparaméterek}

Ajánlott: