Hypertextové odkazy jsou důležitým prvkem vývoje webu, který umožňuje vytvářet spojení mezi různými stránkami a sekcemi webu. Umožňují uživatelům snadno procházet web tím, že přejdou na odkazy uvnitř textu nebo obrázků.
Kromě procházení odkazů pomocí myši však existuje také možnost používat klávesnici k navigaci po webových stránkách. To je užitečné zejména pro uživatele se zdravotním postižením a také pro ty, kteří preferují kombinace klávesnice.
Tento článek poskytuje podrobný návod, jak vytvořit hypertextový odkaz na klávesnici. Naučíte se, jak správně označit odkaz v kódu HTML pomocí příslušných atributů a kláves. Budou také uvedeny příklady kódu a vysvětlení, jak různé prohlížeče a operační systémy zpracovávají a zobrazují hypertextové odkazy na klávesnici.
Příprava na vytvoření hypertextového odkazu
Před vytvořením hypertextového odkazu na klávesnici je třeba provést několik přípravných kroků. V této části zvažte všechny potřebné kroky k úspěšnému vytvoření hypertextového odkazu na klávesnici.
| 1. | Vyberte text nebo obrázek, ze kterého chcete udělat hypertextový odkaz. Můžete si vybrat libovolnou položku, na kterou uživatelé budou moci kliknout a přejít na zadanou adresu URL. |
| 2. | Zapište si adresu URL, na kterou chcete, aby uživatelé přecházeli, když kliknete na hypertextový odkaz. V tomto kroku je důležité zajistit, abyste si zapsali správnou adresu URL a je otevřená pro veřejný přístup. |
Po dokončení těchto dvou základních kroků budete připraveni přejít k vytvoření samotného hypertextového odkazu na klávesnici. V další části ukážeme, jak tuto akci provést krok za krokem.
Otevření požadovaného dokumentu nebo stránky
Chcete-li vytvořit hypertextový odkaz na klávesnici a otevřít požadovaný dokument nebo stránku, postupujte podle níže uvedených kroků:
- Vyberte text nebo slovo, které bude odkazovat na požadovaný dokument nebo stránku.
- Stiskněte klávesu Ctrl (nebo Cmd na Macu) a současně klikněte na vybraný text nebo slovo.
Po provedení těchto kroků se vybraný text nebo slovo stane hypertextovým odkazem a kliknutím na něj se otevře požadovaný dokument nebo Stránka na nové kartě nebo okně prohlížeče.
Je důležité si uvědomit, že pro otevření požadovaného dokumentu nebo stránky prostřednictvím hypertextového odkazu na klávesnici je nutné, aby byl odkaz správně navržen a ukázal na správnou adresu dokumentu nebo stránky.
Zvýraznění textu pro hypertextový odkaz
Chcete-li vytvořit hypertextový odkaz na klávesnici, musíte zvýraznit text, který bude sloužit jako odkaz. K tomu lze použít následující způsoby:
- Přesuňte kurzor na začátek textu, který chcete zvýraznit.
- Stiskněte a podržte klávesu Shift na klávesnici.
- Přesuňte kurzor na konec textu, který chcete zvýraznit.
- Uvolněte klávesu Shift.
Nyní, zvýrazněný text lze použít k vytvoření hypertextového odkazu. Stisknutím klávesové zkratky CTRL + C zkopírujte text do schránky.
Poté můžete vytvořit hypertextový odkaz v textovém editoru pomocí zkopírovaného textu jako kotvy. Chcete-li to provést, použijte značku a atribut href k určení adresy, na kterou bude odkaz veden.
Příklad vytváření hypertextového odkazu:
Při vytváření hypertextového odkazu, místo "https://www..example.com " je třeba zadat adresu stránky, na kterou bude odkaz směřovat, a místo "zvýrazněný text" je třeba vložit zkopírovaný text.
Nyní, po kliknutí na zvýrazněný text, uživatel přejde na stránku uvedenou v odkazu.
Vytvoření samotného hypertextového odkazu
Chcete-li vytvořit hypertextový odkaz na klávesnici, budete potřebovat následující sekvenci akcí:
- Otevřete libovolný textový editor a vytvořte nový soubor HTML.
- Vložte následující kód pro vytvoření odkazu:
Zde je adresa_ adresáře adresa URL stránky, na kterou by měl odkaz vést, a text_ adresáře je text, který bude uživateli viditelný a na který bude možné kliknout.
Například vytvořit odkaz na stránku "https://www.example.com", použijte následující kód:
Nyní, když uživatel klikne na text "přejít na example.com", bude přesměrován na stránku "https://www.example.com".
Otevření editoru hypertextových odkazů
Chcete-li otevřít Editor hypertextových odkazů v Sublime Text, postupujte podle následujících kroků:
- Otevřete Sublime Text v počítači.
- Vytvořte nový soubor nebo otevřete existující soubor HTML v editoru.
- Přejděte na místo v kódu, kde chcete vytvořit hypertextový odkaz.
- Napište následující kód: text odkazu nahrazením "URL" na adresu webové stránky , na kterou chcete odkazovat, a "text odkazu" na text, který se zobrazí jako aktivní odkaz.
- Uložte změny do souboru HTML.
Po dokončení těchto kroků jste úspěšně otevřeli editor hypertextových odkazů a vytvořili odkaz na klávesnici pomocí Sublime Text. Nyní můžete pokračovat v práci s hypertextovými odkazy a vytvářet interaktivní obsah na webové stránce.
Vložení požadovaného hypertextového odkazu
Chcete-li vložit správný hypertextový odkaz na klávesnici, musíte postupovat podle těchto kroků:
1) Otevřete dokument nebo webovou stránku, kam chcete vložit hypertextový odkaz.
2) v textu, Vyberte slova nebo frázi, kterou chcete vytvořit hypertextový odkaz.
3) Vložte úvodní značku před vybraná slova nebo frázi. Nahraďte " URL " adresou stránky, na kterou chcete přejít přes tento hypertextový odkaz.
4) po vybraných slovech nebo frázích vložte uzavírací značku .
5) Zkontrolujte, zda je celý kód hypertextového odkazu uvnitř otevíracích a zavíracích značek .
Zde je příklad hypertextového kódu:
Pro zobrazení rozvrhu navštivte web s harmonogramem .
Po dokončení těchto kroků budou vybraná slova nebo fráze aktivním hypertextovým odkazem a po kliknutí na ně bude uživatel přesměrován na zadanou adresu.
Přidání popisu do hypertextového odkazu
Chcete-li přidat popis do hypertextového odkazu, musíte použít atribut "title" ve štítku "a". Například:
V tomto příkladu je "oficiální web" popisem hypertextového odkazu. Když uživatel navede kurzor na odkaz, popis se zobrazí ve vyskakovací výzvě. Pokud je popis příliš dlouhý, doporučuje se použít kratší verzi.
Přidáním popisu do hypertextového odkazu je web přístupnější a zlepšuje uživatelský zážitek, což uživatelům pomáhá lépe porozumět tomu, kam půjdou, když kliknou na odkaz.
Práce s parametry hypertextového odkazu
Možnosti hypertextového odkazu vám umožňují přidat další nastavení a informace k odkazu. Níže je několik základních parametrů hypertextového odkazu:
- href: určuje adresu, na kterou bude přechod proveden, když kliknete na odkaz.
- target: určuje, jak bude vstupní stránka otevřena při kliknutí na odkaz. Můžete například nastavit možnost "target=" _blank " pro otevření stránky na nové kartě.
- title: při kliknutí na odkaz přidá pop-up výzvu.
- download: určuje prohlížeči, aby si stáhl cílový soubor z odkazu, místo aby jej otevřel v prohlížeči.
- rel: určuje vztah mezi aktuální stránkou a cílovou stránkou. Můžete například použít možnost " rel=" nofollow", abyste vyhledávačům řekli, aby na odkaz nechodili.
- class: aplikuje na odkaz uvedenou třídu stylů. Můžete například nastavit možnost "class=" link " pro použití určitých stylů na odkaz.
Příklad použití parametrů hypertextového odkazu:
Ссылка на сайтСкачать документСсылка без прохождения поисковыми системамиСсылка со стилями
Můžete kombinovat různé možnosti hypertextového odkazu pro přizpůsobení odkazů na vašem webu. Pamatujte, že všechny parametry hypertextového odkazu musí být uvedeny uvnitř otvírací značky a uzavřeny uvnitř uzavírací značky .