Links hebben een grote invloed op het uiterlijk van een webpagina. Of het nu uw website of blog is, prachtig aangepaste links zullen het ontwerp van uw website ten goede veranderen. Ook zonder kennis van html en css is het maken van een mooie link vrij eenvoudig.
instructies:
Stap 1
Laten we eerst een gewone link maken. Dit gebeurt met behulp van de volgende code: link naam. In deze code is de tag een link. Het attribuut "href" geeft het adres aan van de pagina waarnaar de link leidt. Schrijf in plaats van "linktitel" een woord of zin die de link vertegenwoordigt
U kunt ook tekst toevoegen die verschijnt wanneer u op de link klikt. Het attribuut "title" van de tag helpt je hierbij.
Stap 2
Laten we nu beginnen met koppelen. De eenvoudigste manier om dit te doen is in cascading style sheets (css). Open het bestand met de stijlen voor uw site en schrijf daar verdere code. Als alternatief kunt u stijlen rechtstreeks in de html-pagina invoegen. Gebruik hiervoor de aanpassingscode voor de sitestijl.
Stap 3
Laten we naar het ontwerp gaan. De syntaxis voor het item zou een {style parameters} zijn. Wat moet ik hier schrijven?
Wijzig eerst de kleur van de links naar wens. Deze code helpt je hierbij:
een {kleur: # 00000;}. Natuurlijk moet u in plaats van "# 00000" uw eigen kleur invoegen. U kunt de kleurcode in dit formulier vinden in verschillende grafische programma's (bijvoorbeeld in Photoshop) of een webpalet vinden.
Stap 4
Standaard maakt de browser links onderstreept. Dit kan worden geannuleerd met de volgende code: a {text-decoration: none;}
Om vetgedrukte links te maken, gebruikt u de parameter font-weight: bold;. Het wordt op dezelfde manier ingevoegd in de stijlcode als kleur, onderstreept.
Stap 5
Je hebt waarschijnlijk gemerkt dat op sommige sites, wanneer je de muisaanwijzer over een link beweegt, het uiterlijk verandert. U kunt dit ook doen. Een code als deze zal u helpen: a: hover {style parameters}. De parameters worden op dezelfde manier gespecificeerd als voor een gewone link, de enige waarde is de "hover" pseudo-klasse, die de browser laat weten dat deze instellingen moeten worden toegepast wanneer de muis over de link zweeft.
Op dezelfde manier kunt u bezochte links markeren: a: bezocht {style parameters}
