Jak vytvořit aktivní odkaz černý? Jednoduchý návod pro webové vývojáře

Aktivní odkaz - důležitý designový prvek webové stránky, který uživatelům umožňuje procházet různými sekcemi webu nebo jinými prostředky. Jedním z nejoblíbenějších způsobů, jak zvýraznit aktivní odkaz, je změnit jeho barvu, když najedete nebo stisknete myš. V tomto článku se podíváme na to, jak vytvořit aktivní odkaz s černou barvou, aby se spojil s celkovou stylistikou stránky.

Než začnete, je důležité pochopit, že stylizaci aktivního odkazu lze implementovat pomocí jazyka CSS. Jedním ze způsobů, jak nastavit černou barvu pro aktivní odkaz, je použití pseudoklasu :active. Pseudoklasové :active platí pro položky v okamžiku jejich aktivace, tedy když je na položce kliknuta myš.

Chcete-li vytvořit aktivní odkaz s černou barvou, stačí nastavit odpovídající styl v CSS:

a:active

Umístěte tento kód do bloku vaše webové stránky před zavírací značkou . Výsledkem je, že když uživatel aktivuje odkaz-barva textu bude černá.

Vytvoření aktivního odkazu

K vytvoření aktivního odkazu v HTML se používá značka . Uvnitř značky je uveden text odkazu a v atributu "href" je adresa, na kterou bude přechod proveden.

Příklad vytvoření aktivního odkazu:

Pro zadání černé barvy textu odkazu lze použít atribut " style "a vlastnost" color "se znalostí" #000000 "nebo"black". Například:

Nyní se odkaz zobrazí v černé barvě, přičemž stále zůstane aktivní a klikací.

Pojem aktivní reference

V tomto příkladu, když uživatel klikne na text "Klikněte zde", je přesměrován na stránku s adresou https://www.example.com, která se otevře na nové kartě prohlížeče, protože je uveden atribut target= "_blank". Když uživatel nasměruje ukazatel myši na aktivní odkaz, může změnit barvu nebo styl, například zvýraznit, aby označil svůj stav akce.

Význam černé barvy

Černá barva symbolizuje spolehlivost, eleganci a sílu. Je způsobena nedostatkem světla a je považována za barvu absolutní tmy. Díky své hustotě přitahuje Černá pozornost a slouží jako ideální pozadí pro jasné a kontrastní prvky.

Použití černé barvy pro aktivní odkazy jim dává zvláštní význam a zviditelňuje je. Černá Barva navíc vytváří pocit stability a spolehlivosti, což je zvláště důležité pro uživatele, kteří hledají spolehlivé a bezpečné zdroje informací nebo chtějí provést jakoukoli akci.

Je důležité si uvědomit, že černá barva může způsobit spojení se smutkem, smutkem nebo ponurou náladou. Proto je třeba pečlivě a kompetentně používat černou barvu v designu aktivních odkazů, aby nevyvolávala negativní emoce u uživatelů a nevytvářela nepříjemné asociace s obsahem odkazů.

V důsledku toho je černá barva jednou z nejúčinnějších a nejuniverzálnějších barev pro vytváření aktivních odkazů. Dodává jim expresivitu, zvláštní význam a důvěru, což uživatelům usnadňuje navigaci a zdůrazňuje jejich důležitost.

Jak vytvořit aktivní odkaz

Chcete-li, aby byl odkaz aktivní a změnil jeho vzhled, když najedete kurzorem nebo kliknete, musíte použít vlastnosti CSS.

1. Pomocí pseudoklassu: hover změňte styl odkazu, když najedete kurzorem:

Tento kód změní barvu odkazu na modrou a přidá podtržení, když na ni najedete kurzorem.

2. Chcete-li změnit styl odkazu po kliknutí, použijte pseudoklass: active:

Tento kód změní barvu odkazu na červenou a po kliknutí na něj zvýší obsah tuku.

3. Chcete-li, aby byl odkaz aktivní bez použití stylů, můžete přidat do značky nebo aby ji zvýraznil:

V tomto případě bude odkaz tučně označen.

Tímto způsobem můžete odkaz Aktivovat změnou jeho stylu nebo zvýrazněním pomocí značek HTML.

Tento kód vytvoří textový odkaz na webovou stránku "example.com". po kliknutí na odkaz bude uživatel přesměrován na zadanou adresu URL.

V tomto příkladu se odkaz otevře v novém okně prohlížeče a když na něj najedete, zobrazí se výzva "otevřít v novém okně".

Pro změnu barvy odkazu lze použít CSS. Chcete-li například vytvořit aktivní odkaz s černou barvou, můžete do souboru CSS přidat následující pravidlo:

Toto pravidlo změní barvu aktivního (kliknutého) odkazu na černou.