Přejít na hlavní obsah

Jak vytvořit aktivní odkaz v HTML: krok za krokem instrukce

  • Kamila Dušková
  • Recenze

HTML je značkovací jazyk, který vám umožňuje vytvářet interaktivní a informativní webové stránky. Jednou z nejdůležitějších součástí webové stránky jsou odkazy. Umožňují uživatelům procházet různé stránky na internetu a také je přesměrovat na jiné webové stránky.

Aktivní odkaz je odkaz, na který může uživatel kliknout a okamžitě přejít na adresu v něm uvedenou. Vytvoření aktivního odkazu v HTML je poměrně jednoduché a v tomto článku se podíváme na kroky potřebné k jeho vytvoření.

Prvním krokem při vytváření aktivního odkazu je použití značky , který označuje odkaz. Dále v atributu href při kliknutí na odkaz musíte zadat adresu, na které má k přesměrování dojít.

Příklad kódu pro vytvoření aktivního odkazu vypadá takto: Přejít na example.com. V tomto příkladu kliknutím na text "přejít na example.com " uživatel bude přesměrován na web s adresou http://www.example.com..

Co je aktivní odkaz v HTML?

Když uživatel klikne na aktivní odkaz webové stránky, prohlížeč jej přesměruje na jinou stránku nebo otevře uvedený dokument v aktuálním okně nebo nové kartě.

Definice a vlastnosti

Hlavní funkcí aktivního odkazu je, že jej lze nainstalovat na jakýkoli text nebo obrázek na webové stránce. Uživatelé mohou kliknout na tuto položku a přejít na jinou stránku nebo stáhnout konkrétní soubor.

V tomto příkladu je odkaz text, který se zobrazí na webové stránce jako odkaz. Ve výchozím nastavení se odkaz zobrazí modře a podtrženým textem, ale to lze změnit pomocí CSS.

Kromě toho může mít aktivní odkaz různé atributy, jako je target (určuje, kde má být odkaz otevřen - v novém okně nebo v aktuálním okně), rel (označuje vztah mezi aktuální stránkou a stránkou, na kterou odkaz vede) atd. Tyto atributy vám umožňují spravovat chování odkazu a lze je přidat do úvodní značky . Například:

V tomto příkladu se odkaz otevře na nové kartě prohlížeče (atribut target="_blank") a bude označen jako "nofollow" (atribut rel="nofollow"), což znamená, že vyhledávače by při indexování stránky neměly postupovat podle tohoto odkazu.

Příklad vytvoření aktivního odkazu v HTML

Zde je příklad kódu, který ukazuje vytvoření aktivního odkazu:

V tomto příkladu odkaz povede na adresu "https://example.com" a zobrazí se na Stránce jako "odkaz".

Do značky lze také přidat atribut target="_blank", aby se odkaz otevřel v novém okně prohlížeče:

V tomto příkladu bude odkaz také vést na adresu "https://example..com", ale zároveň se otevře v novém okně prohlížeče.

Krok 1: otevření značky "a"

Krok 2: přidání adresy odkazu

Jakmile vytvoříme text, který bude aktivním odkazem, musíme zadat adresu, na kterou bude proveden přechod kliknutím na tento odkaz.

K tomu se v HTML používá atribut href (hypertext reference), který označuje adresu cílového dokumentu.

V tomto příkladu je adresa odkazu uvedena uvnitř atributu href - "https://www.example.com".

Tuto adresu můžete nahradit vlastní, aby odkaz vedl na stránku, dokument nebo soubor, který potřebujete.

Může se vám také líbit

Jak správně připojit ventilátor z mikrovlnné trouby

Ventilátor v mikrovlnné troubě má velmi důležitou funkci-odvádí přebytečné teplo a zabraňuje přehřátí. Ale co dělat, když je ventilátor.

Jak vyplnit police v kuchyni: nápady a tipy

Pohodlná a funkční kuchyně je snem každého domu. Jedním z klíčových prvků v uspořádání prostoru kuchyně jsou police. Správně.

Jak najít na mapě člověka podle telefonního čísla na iPhonu

iPhone je jedním z nejpopulárnějších smartphonů na světě, který nám umožňuje dělat spoustu věcí. Včetně sledování polohy.

Jak ušetřit penny: tipy na 50 hřiven denně v roce 2025

S rostoucími cenami potravin stále více lidí přemýšlí, jak ušetřit peníze a nepřerušit se na konci měsíce. Zejména.

  • Zpětná vazba
  • Uživatelská smlouva
  • Zásady ochrany osobních údajů