Hvordan Lage En Vakker Lenke

Innholdsfortegnelse:

Hvordan Lage En Vakker Lenke
Hvordan Lage En Vakker Lenke

Video: Hvordan Lage En Vakker Lenke

Video: Hvordan Lage En Vakker Lenke
Video: Velsmagende hjemmelavet gelé | Let og hurtig dessert opskrift | Hvordan man laver gelé 2024, Desember
Anonim

Koblinger påvirker utseendet til en webside betydelig. Enten det er nettstedet ditt eller bloggen din, vil vakkert tilpassede lenker endre utformingen av nettstedet ditt til det bedre. Selv uten kunnskap om html og css, er det ganske enkelt å lage en fin lenke.

Hvordan lage en vakker lenke
Hvordan lage en vakker lenke

Bruksanvisning

Trinn 1

Først av alt, la oss lage en vanlig lenke. Dette gjøres ved hjelp av følgende kode: lenkenavn. I denne koden er merkelappen en lenke. Dens "href" -attributt angir adressen til siden som lenken fører til. I stedet for "lenketittel" skriver du et ord eller en setning som vil representere lenken

Du kan også legge til tekst som vises når du klikker på lenken. "Tittel" -attributtet til koden vil hjelpe deg med dette.

Steg 2

La oss nå komme til lenking. Den enkleste måten å gjøre dette på er å kaste stilark (css). Åpne filen som inneholder stilene for nettstedet ditt, og skriv ytterligere kode der. Alternativt kan du sette inn stiler direkte på html-siden. For å gjøre dette, bruk tilpasningskoden for nettstedstilen.

Trinn 3

La oss komme ned til designet. Syntaksen for oppføringen vil være {stilparametere}. Hva skal jeg skrive her?

Først endrer du fargen på lenkene etter eget ønske. Denne koden vil hjelpe deg med dette:

a {farge: # 00000;}. Selvfølgelig, i stedet for "# 00000", må du sette inn din egen farge. Du kan finne ut fargekoden i dette skjemaet i forskjellige grafikkprogrammer (for eksempel i Photoshop) eller finne en webpalet.

Trinn 4

Som standard gjør nettleseren lenker understreket. Dette kan avbrytes med følgende kode: a {text-decoration: none;}

For å lage dristige lenker, bruk parameteren font-weight: bold; Den settes inn i stilkoden på samme måte som farge, understrek.

Trinn 5

Du har sannsynligvis lagt merke til at når du holder markøren over en lenke, endres utseendet på noen nettsteder. Du kan også gjøre dette. En kode som denne vil hjelpe deg: a: hover {stilparametere}. Parametrene er spesifisert på samme måte som for en vanlig kobling, den eneste verdien er "sveve" pseudoklassen, som varsler nettleseren om at disse innstillingene skal brukes når du svever over lenken.

På samme måte kan du markere besøkte lenker: a: besøkt {stilparametere}

Anbefalt: