Úvod do textového odkazu HTML
Odkaz HTML môže byť odkaz alebo hypertextový odkaz. Používa sa na presmerovanie na inú stránku, obrázok, webové stránky a môže to byť čokoľvek. Používali tiež navigáciu na tej istej stránke pre konkrétnu sekciu. Používali na vykreslenie údajov, dokumentovanie ich kliknutím na ne. Náš dokument, obrázky, adresy URL alebo údaje jednoducho zalamujeme do textu. Môže tiež odkazovať na súbor, objekt alebo čokoľvek na tej istej stránke alebo na inej stránke, záleží od požiadavky. Keď umiestnime kurzor myši na odkaz HTML, zmení sa kurzor na inú ikonu. O tom, ako fungujú a ako ich vytvoríme, môžeme diskutovať v ďalšej časti nášho článku. V tejto téme sa dozvieme viac o textovom prepojení HTML.
Syntax pre odkaz HTML
Môžeme nasledovať a vytvoriť náš prvý odkaz HTML z nasledujúcej syntaxe nižšie. V danej syntaxi nižšie použijeme inú značku, atribúty a ich zodpovedajúce vlastnosti.
Link your corresponding text here
Vo vyššie uvedenej syntaxi používame značku kotvy na vytvorenie html odkazu alebo hypertextového odkazu. Túto značku kotvy podrobne prediskutujeme.
Značka kotvy je značka, prostredníctvom ktorej môžeme priložiť alebo prepojiť náš text, frázu alebo slovo, aby sme vytvorili externý alebo interný odkaz. Pomocou značky kotvy vytvárame adresy URL na našich stránkach, ktoré je možné použiť na navigáciu na ľubovoľnú inú stránku, web alebo v tej istej časti stránky.
Použitím kotviacej značky máme veľa výhod, ktoré sú uvedené nižšie.
- Usporiadať: Pomáha to usporiadať naše údaje. Nepotrebujeme niekoľko webových stránok, ani nemusíme deliť naše dáta na kúsky, aby sme ich mohli spravovať. Naše dáta môžeme ľahko usporiadať len na jednom mieste.
- Žiadne posúvanie: Použitím odkazu html alebo môžeme povedať interné odkazy html, nemusíme sa obávať posúvania na skutočne dlhých stránkach, stačí kliknúť na tento odkaz a nájsť požadovanú sekciu na tej istej stránke. Preto je ľahké nájsť akékoľvek údaje alebo časť na stránke.
Ako vytvoriť značku kotvy?
Ako vidíte vo vyššie uvedenej syntaxi, použili sme tam toľko vecí, teraz sa bližšie pozrieme na to, ako vytvoriť a ako to funguje.
V zásade pozostáva z troch rôznych častí (atribút):
- atribút href
- cieľový atribút
- Atribút názvu
1. Atribút href
Atribút Href znamená hypertextový odkaz. Predpokladajme, že chceme vytvoriť hypertextový odkaz, takže prvou požiadavkou je adresa dokumentu, ktorá môže byť čokoľvek ako iná webová stránka, akýkoľvek súbor, napríklad PDF, atď.
So for example : Google
V tomto http://www.google.com je hodnota, ktorú pripisujeme nášmu atribútu href. Takže kedykoľvek klikneme na Google, presmeruje nás na odkaz na domovskú stránku Google. Atribút href preto obsahuje adresu dokumentu. Môžeme tiež spomenúť náš vlastný odkaz HTML na href.
Napríklad
My page
2. cieľový atribút
Cieľový atribút definuje spôsob otvorenia dokumentu. Má mnoho druhov a my ich môžeme používať podľa našich potrieb.
- _parent: Len otvorí priložený dokument do nadradeného rámca.
- _blank: Otvorí dokument na novej karte alebo okne.
- _top: Otvorí priložený dokument v celom okne.
- _self: Otvorí dokument do toho istého okna alebo na tú istú kartu, na ktorú je kliknuté. Predvolený cieľ je povolený. Môžeme to zmeniť takto:
Your Link text
Here target = ”_ blank” je syntax pre jeho použitie.
3. názov atribútu
Atribút názvu sa používa na preskočenie alebo navigáciu do určitého bodu na stránke, čo môže byť užitočné, keď máme veľkú stránku VRU s toľkým obsahom. To pomáha šetriť vyhľadávanie a čas používateľa bez posúvania. Syntax uvedená nižšie:
or
Na tomto mieste jednoducho prejdete na koniec stránky bez posúvania nadol.
Section
Tento prehliadač identifikuje časť, ale musíme použiť (#) s atribútom name.
Link your text
Týmto môžeme interne odkazovať na „názov“ nejakej inej stránky. Aj tu sa musí (#) použiť na konci adresy stránky.
HTML odkaz Farby
Môžeme tiež poskytnúť farby pre náš html odkaz. V predvolenom nastavení majú tri stavy pre farbu odkazu, ktorá sa objaví vo všetkých prehľadávačoch.
- Aktívny odkaz: Keď klikneme na akýkoľvek odkaz, stane sa aktívnym odkazom s podčiarknutou a červenou farbou.
- Nevidené odkazy: Štandardná farba predvoleného prehliadača pre nenavštívené odkazy je modrá a podčiarknutá.
- Navštívené odkazy: Sú fialové a podčiarknuté.
Môžeme však tiež poskytnúť vlastné farby na prepojenie pomocou syntaxe uvedenej nižšie. Môžeme sledovať tento odlišný typ a poskytnúť farbu nášmu odkazu. Používame však inline CSS, ak chcete, môžete tiež vytvoriť externý CSS.
- Priamo uveďte názov farby.
- Použitím farebného kódu HEX.
- Použitím hodnôt rgb () a rgba ().
- Použitím hodnôt hsl a hsla ().
Red Link
V tomto môžeme priamo zadať názov farby do atribútu štýl. Toto je vložený CSS.
Red color code
Tu špecifikujeme farbu pomocou farebných kódov. (Farebné kódy HEX)
Red color
Na určenie farby našich odkazov môžeme použiť aj hodnoty RGB (). Môžeme opacitu farby kontrolovať pomocou rgb ().
Red color
Môžeme nahradiť rbg () za rgba (), ale musíme zadať štvrtú hodnotu pre priehľadnosť a nepriehľadnosť.
Red color
Môžeme tiež použiť HSL farbu nášho odkazu. HSL v podstate znamená odtieň, sýtosť a ľahkosť. Môžeme tiež použiť HSLA so špecifikáciou farby, ale musíme zadať ešte jeden parameter v hsla ().
Záver - textový odkaz HTML
Takže v triedení používame značku kotvy a jej atribúty na vytvorenie hypertextového odkazu alebo odkazu v HTML. HREF obsahuje adresu dokumentu, cieľ, ktorý je zodpovedný za spracovanie dokumentu. Môžeme tiež zafarbiť náš odkaz pomocou inline alebo externého CSS.
Odporúčané články
Toto je príručka pre textový odkaz HTML. Tu diskutujeme o tom, ako vytvoriť značku kotvy s farbami prepojenia HTML a syntaxou prepojenia HTML. Ďalšie informácie nájdete aj v nasledujúcich článkoch -
- Textové editory HTML
- Odkaz na obrázok v HTML
- Ovládacie prvky formulára HTML
- Verzie Html
- Rámčeky HTML
- Bloky HTML
- Nastavte farbu pozadia v HTML s príkladom