Vytváření odkazů je jednou ze základních dovedností ve vývoji webu. Odkazy umožňují uživatelům procházet webové stránky a mezi různými weby. V HTML To lze snadno provést pomocí značky, která označuje "anchor" (kotva).
Chcete-li vytvořit odkaz, musíte uvnitř značky uzavřít text, který chcete vytvořit jako odkaz . V atributu "href" byste měli uvést adresu stránky nebo dokumentu, na který by měl být váš odkaz odkaz odkazován.
Chcete-li například vytvořit odkaz na domovskou stránku vašeho webu, můžete použít následující kód:
Tento kód vytvoří odkaz s textem "Hlavní stránka", při kliknutí na něj bude uživatel přesměrován na stránku " index.html".
K odkazu můžete také přidat atribut "target" a určit, jakým způsobem bude vstupní stránka otevřena. Například použití atributu " target "s hodnotou" _blank " umožní otevřít odkaz v novém okně nebo kartě prohlížeče.
Nyní, když znáte základy vytváření odkazů v HTML, můžete začít experimentovat s různými atributy a styly a vytvořit odkazy, které nejlépe vyhovují vašim potřebám a designu vašeho webu.
Základní principy vytváření odkazů v HTML
Místo "Text odkazu" lze použít jakýkoli jiný text, který se zobrazí na stránce a bude klikacím odkazem.
Relativní a absolutní odkazy
Odkazy v HTML mohou být relativní a absolutní. Relativní odkazy označují cestu k souboru vzhledem k aktuálnímu souboru. Absolutní odkazy obsahují celou cestu k souboru na serveru. Například relativní odkaz na soubor " index.html" bude vypadat takto:
A absolutní odkaz bude mít vzhled:
Relativní odkazy jsou použitelnější, protože nejsou závislé na plné adrese serveru a lze je beze změny přenést na jiný server.
Použití atributu target
Atribut target umožňuje určit, ve kterém okně nebo kartě se odkaz otevře. Pokud například chcete, aby se odkaz otevřel na nové kartě prohlížeče, musíte přidat atribut target="_blank" k Tegu :
To je užitečné, když musíte uživateli poskytnout možnost pokračovat v procházení aktuální stránky, aniž by ji opustil.
Kroky k vytvoření odkazu v HTML
Krok 1: Otevřete soubor HTML v editoru kódu.
Krok 2: vložte značku pro vytvoření odkazu.
Krok 3: Zadejte atribut href pro určení adresy URL, na kterou bude odkaz veden.
Krok 4: Přidejte text nebo obrázek mezi úvodní a zavírací značky a zobrazte obsah odkazu.
Krok 5: Přidejte volitelné atributy, jako jsou target, title a class, pro upřesnění funkcí a stylů odkazu.
Krok 6: zavřete značku pro dokončení odkazu.
Krok 7: uložte soubor HTML a otevřete jej ve webovém prohlížeči, abyste viděli naformátovaný odkaz.