Úvod do textového odkazu HTML
Odkaz HTML může být odkaz nebo hypertextový odkaz. To se používá k přesměrování na jinou stránku, obrázek, webové stránky, může to být cokoli. Také používali navigaci na stejné stránce pro konkrétní sekci. Používali k vykreslování dat, dokumentování pouhým kliknutím na ně. Pouze zabalíme náš dokument, obrázky, URL nebo data do textu. Může také odkazovat na soubor, objekt nebo cokoli na stejné stránce nebo na jiné stránce, záleží na požadavku. Když umístíme kurzor myši na odkaz HTML, změní se kurzor na jinou ikonu. V další části našeho článku můžeme diskutovat o tom, jak fungují a jak je vytvořit. V tomto tématu se budeme učit o HTML textovém odkazu.
Syntaxe odkazu HTML
Můžeme následovat a vytvořit náš první odkaz HTML z následující syntaxe níže. V níže uvedené syntaxi použijeme jinou značku, atributy a jejich odpovídající vlastnosti.
Link your corresponding text here
Ve výše uvedené syntaxi používáme kotevní značku k vytvoření html odkazu nebo hypertextového odkazu. Tuto kotevní značku podrobně probereme.
Značka kotvy je značka, pomocí které můžeme připojit nebo propojit náš text, frázi nebo slovo a vytvořit externí nebo interní odkaz. Pomocí značky kotvy vytváříme URL na našich stránkách, které lze použít k navigaci na jakoukoli jinou stránku, web nebo do stejné části na stránce.
Použitím kotevní značky máme mnoho výhod, které jsou uvedeny níže.
- Uspořádat: Pomáhá organizovat naše data. Nepotřebujeme vytvářet několik webových stránek, ani nemusíme dělit naše data na kousky pro účely správy, abychom mohli snadno uspořádat naše data pouze na jednom místě.
- Žádné posouvání: Pomocí odkazu html nebo můžeme říci html interní odkazy, nemusíme se obávat posouvání na opravdu dlouhých stránkách, stačí kliknout na tento odkaz a najít požadovanou sekci na stejné stránce. Díky tomu je snadné najít jakákoli data nebo sekci na stránce.
Jak vytvořit kotevní značku?
Jak vidíte ve výše uvedené syntaxi, použili jsme tam tolik věcí, nyní se podíváme na to, jak vytvořit a jak to funguje.
V zásadě se skládá ze tří různých částí (atribut):
- atribut href
- cílový atribut
- název atributu
1. Atribut href
Atribut Href označuje hypertextový odkaz. Předpokládejme, že chceme vytvořit hypertextový odkaz, takže prvním požadavkem je adresa dokumentu, která může být cokoli jako jiný web, jakýkoli soubor jako PDF, atd.
So for example : Google
V tomto http://www.google.com je hodnota, kterou přiřadíme našemu atributu href. Takže kdykoli klikneme na Google, přesměruje nás na odkaz na domovskou stránku Google. Atribut href tedy obsahuje adresu dokumentu. Můžeme také zmínit vlastní HTML odkaz na href.
Například
My page
2. cílový atribut
Cílový atribut definuje, jak se dokument otevře. Má mnoho typů a můžeme je používat podle našich potřeb.
- _parent: Otevře pouze připojený dokument do nadřazeného rámce.
- _blank: Otevře dokument na nové kartě nebo okně.
- _top: Otevře přiložený dokument v celém okně.
- _self: Otevírá dokument do stejného okna nebo na stejnou kartu, na kterou je kliknuto. Výchozí tento cíl je povolen. Můžeme to upravit takto:
Your Link text
Zde target = ”_ blank” je syntaxe pro jeho použití.
3. název atributu
Atribut name se používá pro přeskočení nebo navigaci do nějakého bodu na stránce, což může být užitečné, když máme velkou stránku VRU s tolika obsahem. To pomáhá šetřit nálezy a čas uživatele bez posouvání. Syntaxe níže:
or
V tomto e kliknutím jednoduše přejdete na konec stránky bez posouvání dolů.
Section
Tento prohlížeč bude identifikovat sekci, ale musíme použít (#) s atributem name.
Link your text
Tímto můžeme interně odkazovat na „název“ nějaké další stránky. Zde také (#) musí být použito na konci adresy stránky.
Barvy odkazu HTML
Můžeme také poskytnout barvy na náš html odkaz. Ve výchozím nastavení mají tři stavy pro barvu odkazu, která se objeví ve všech prohlížečích.
- Aktivní odkaz: Když klikneme na jakýkoli odkaz, stane se aktivním odkazem s podtrženou a červenou barvou.
- Neviděné odkazy: Standardní výchozí barva prohlížeče pro neviděné odkazy je modrá a podtržená.
- Navštívené odkazy: Jsou fialové a podtržené.
Můžeme však také poskytnout naše vlastní barvy pro propojení pomocí níže uvedené syntaxe. Můžeme následovat tento odlišný typ a poskytnout barvu našemu odkazu. Používáme však inline CSS, pokud chcete, můžete také vytvořit externí CSS.
- Přímo uveďte název barvy.
- Použitím barevného kódu HEX.
- Použitím hodnot rgb () a rgba ().
- Použitím hodnot hsl a hsla ().
Red Link
V tomto můžeme přímo zadat název barvy do atributu styl. Toto je inline CSS.
Red color code
Zde specifikujeme barvu pomocí barevných kódů. (Barevné kódy HEX)
Red color
Hodnoty RGB () můžeme také použít k určení barvy našich odkazů. Krytí barvy můžeme ovládat pomocí rgb ().
Red color
Můžeme nahradit rbg () za rgba (), ale musíme zadat čtvrtou hodnotu pro průhlednost a neprůhlednost.
Red color
Můžeme také použít HSL t barvu náš odkaz. HSL v podstatě znamená odstín, nasycení a lehkost. Můžeme také použít HSLA určující barvu, ale musíme zadat ještě jeden parametr v hsla ().
Závěr - textový textový odkaz
Takže v třídění používáme kotevní značku a její atributy k vytvoření hypertextového odkazu nebo odkazu v HTML. HREF obsahuje adresu dokumentu, cíl, který je zodpovědný za zpracování dokumentu. Můžeme také zabarvit náš odkaz pomocí inline nebo externího CSS.
Doporučené články
Toto je průvodce HTML textovým odkazem. Zde diskutujeme o tom, jak vytvořit kotevní značku s barvami HTML Link a syntaxí pro HTML link. Další informace naleznete také v následujících článcích -
- Textové editory HTML
- Odkaz na obrázek v HTML
- Ovládací prvky formuláře HTML
- Verze Html
- Rámce HTML
- Bloky HTML
- Nastavte barvu pozadí v HTML s příkladem