Länkar påverkar utseendet på en webbsida avsevärt. Oavsett om det är din webbplats eller blogg, vackert anpassade länkar kommer att ändra din webbplats design till det bättre. Även utan kunskap om html och css är det ganska enkelt att skapa en fin länk.
Instruktioner
Steg 1
Först och främst, låt oss skapa en vanlig länk. Detta görs med följande kod: länkens namn. I den här koden är taggen en länk. Dess attribut "href" anger adressen till den sida som länken leder till. I stället för "länkens titel" skriver du ett ord eller en fras som representerar länken
Du kan också lägga till text som kommer att visas när du klickar på länken. Taggens attribut "title" hjälper dig med detta.
Steg 2
Låt oss nu gå till länkning. Det enklaste sättet att göra detta är i kaskad stilark (css). Öppna filen som innehåller stilarna för din webbplats och skriv ytterligare kod där. Alternativt kan du infoga stilar direkt på html-sidan. För att göra detta använder du anpassningskoden för webbplatsstil.
Steg 3
Låt oss gå ner till designen. Syntaxen för posten skulle vara en {stilparametrar}. Vad ska jag skriva här?
Ändra först länkarnas färg efter eget tycke. Den här koden hjälper dig med detta:
a {färg: # 00000;}. Naturligtvis, istället för "# 00000" måste du infoga din egen färg. Du kan ta reda på färgkoden i det här formuläret i olika grafikprogram (till exempel i Photoshop) eller hitta en webbpalett.
Steg 4
Som standard gör webbläsaren länkar understrukna. Detta kan avbrytas med följande kod: a {text-decoration: none;}
För att skapa djärva länkar, använd parametern font-weight: bold; Den infogas i stilkoden på samma sätt som färg, understruken.
Steg 5
Du har nog lagt märke till att på vissa webbplatser, när du svävar över en länk, ändras dess utseende. Du kan göra det också. En kod som den här hjälper dig: a: sväva {stilparametrar}. Parametrarna anges på samma sätt som för en vanlig länk, det enda värdet är "sväva" pseudoklassen, som meddelar webbläsaren att dessa inställningar ska tillämpas när du svävar över länken.
På samma sätt kan du markera besökta länkar: a: besökte {stilparametrar}
