Hvordan Man Laver Et Smukt Link

Indholdsfortegnelse:

Hvordan Man Laver Et Smukt Link
Hvordan Man Laver Et Smukt Link

Video: Hvordan Man Laver Et Smukt Link

Video: Hvordan Man Laver Et Smukt Link
Video: TL Bloggen - Hvordan man laver et silleben 2024, Kan
Anonim

Links påvirker udseendet af en webside betydeligt. Uanset om det er din hjemmeside eller blog, vil smukt tilpassede links ændre dit websteds design til det bedre. Selv uden kendskab til html og css er det ret nemt at lave et godt link.

Hvordan man laver et smukt link
Hvordan man laver et smukt link

Instruktioner

Trin 1

Lad os først og fremmest oprette et regelmæssigt link. Dette gøres ved hjælp af følgende kode: link navn. I denne kode er tagget et link. Dens "href" -attribut angiver adressen på den side, som linket fører til. I stedet for "linktitel" skal du skrive et ord eller en sætning, der repræsenterer linket

Du kan også tilføje tekst, der vises, når du klikker på linket. Tagets "titel" -attribut hjælper dig med dette.

Trin 2

Lad os nu komme ned til at linke. Den nemmeste måde at gøre dette på er kaskadestilark (css). Åbn filen, der indeholder typografierne for dit websted, og skriv yderligere kode der. Alternativt kan du indsætte typografier direkte på html-siden. For at gøre dette skal du bruge tilpasningskoden til webstedsstil.

Trin 3

Lad os komme ned til designet. Syntaksen for posten ville være en {stilparametre}. Hvad skal jeg skrive her?

Først skal du ændre farven på linkene efter eget valg. Denne kode hjælper dig med dette:

a {farve: # 00000;}. I stedet for "# 00000" skal du selvfølgelig indsætte din egen farve. Du kan finde ud af farvekoden i denne form i forskellige grafikprogrammer (for eksempel i Photoshop) eller finde en webpalet.

Trin 4

Som standard understreger browseren links. Dette kan annulleres med følgende kode: a {text-decoration: none;}

For at oprette fedte links skal du bruge parameteren font-weight: bold; Det indsættes i stilkoden på samme måde som farve, understreget.

Trin 5

Du har sikkert bemærket, at udseendet på nogle steder, når du holder markøren over et link, ændres. Du kan også gøre dette. En kode som denne hjælper dig: a: svæver {stilparametre}. Parametrene specificeres på samme måde som for et almindeligt link, den eneste værdi er "svæver" pseudoklassen, som giver browseren besked om, at disse indstillinger skal anvendes, når du svæver over linket.

På samme måde kan du fremhæve besøgte links: a: besøgt {stilparametre}

Anbefalede: