Hoe De Linkkleur In Html Te Veranderen

Inhoudsopgave:

Hoe De Linkkleur In Html Te Veranderen
Hoe De Linkkleur In Html Te Veranderen

Video: Hoe De Linkkleur In Html Te Veranderen

Video: Hoe De Linkkleur In Html Te Veranderen
Video: HTML Tutorial 8 - Changing Hyperlink Color 2024, November
Anonim

Beginnende webontwikkelaars vragen zich vaak af hoe ze het uiterlijk van hyperlinks kunnen veranderen. Dit is heel natuurlijk, want het onderwerp van de juiste opmaak van links wordt voortdurend aan de orde gesteld door ontwerpers en lay-outontwerpers.

Hoe de linkkleur in html te veranderen
Hoe de linkkleur in html te veranderen

instructies:

Stap 1

Links zijn standaard blauw getekend (# 0000FF), hebben een onderstreping en veranderen van kleur wanneer ze overschakelen naar paars (# 800080), met actieve links gemarkeerd in rood (# FF0000). Kleurinstelling voor alle links op de pagina in hun verschillende toestanden wordt uitgevoerd met behulp van standaard HTML-tools - drie attributen van de tag. Het wijzigen van de ontwerpparameters van individuele links kan worden uitgevoerd door de waarden van de attributen van de bijbehorende tag te wijzigen.

Stap 2

Er zijn drie manieren om waarden voor stijlattributen in te stellen. In alle gevallen moet u het lettertype en de onderstrepingskleur specificeren, die de vorm kan hebben van een hexadecimale code in volledige (#FFFFFF) of afgekorte (#fff) varianten. De kleur kan ook worden opgegeven in het RGB-formaat (101, 010, 111) of de standaard html-waarde van het stijlkenmerk, dat wil zeggen het trefwoord (grijs, rood, enz.). Deze waarden worden ingesteld voor de kenmerken link, alink en vlink.

Stap 3

Het optionele link-attribuut van de tag bepaalt de kleur van alle hyperlinks op de pagina. Als het kenmerk niet is opgegeven, wordt de standaardwaarde aangenomen.

Stap 4

Het optionele alink-attribuut van de tag bepaalt de kleur van alle actieve hyperlinks, dat wil zeggen, verandert de kleur van de link in de kleur die is opgegeven bij het klikken erop. Menu-items die verwijzen naar de pagina die momenteel in de browser is geopend, worden ook als actieve hyperlinks beschouwd. Als het kenmerk niet is opgegeven, wordt de standaardwaarde aangenomen.

Stap 5

Het optionele vlink-attribuut van de tag bepaalt de kleur van alle bezochte hyperlinks, dat wil zeggen, verandert de kleur van de link nadat erop is geklikt. Als het kenmerk niet is opgegeven, wordt de standaardwaarde aangenomen.

Stap 6

U kunt CSS-eigenschappen in het HTML-document gebruiken om de kleur van alle hyperlinks te wijzigen. Ze worden tussen de gepaarde tags geschreven en gespecificeerd tussen de vereiste tags en. Eigenschappen worden ingesteld via de A: selector, met de bezochte pseudo-klasse, die de kleur van bezochte links specificeert, active, die de kleur van actieve links specificeert, of hover, die de kleur van links specificeert wanneer men erover beweegt.

Stap 7

Als u de kleur van een afzonderlijke link moet wijzigen, en niet allemaal tegelijk, moet u het stijlkenmerk voor de tag gebruiken, zodat de stijlen aan een specifieke tag worden gekoppeld. De waarde van het attribuut is in dit geval de kleureigenschap, de syntaxis is als volgt: dat wil zeggen, u kunt elk van de vier methoden gebruiken om een kleur op te geven.

Aanbevolen: