Obsah

• Na krok
• Metóda 1 z 2: Jednoduchý odkaz
• Metóda 2 z 2: Pridávanie e-mailov a kotiev
• Tipy
• Nevyhnutnosť

Odkazy alebo hypertextové odkazy, obvykle skrátené ako „odkazy“, sú chrbticou internetu a predovšetkým webových stránok. Odkazy umožňujú používateľom kliknúť na text alebo obrázok, ktorý ich presmeruje na inú webovú stránku. To z nich robí neoddeliteľnú súčasť internetu. Vytvorenie odkazu ako súčasti vášho webu vyžaduje veľmi málo kódu HTML. Tu vám ukážeme ako.

Na krok

Metóda 1 z 2: Jednoduchý odkaz

1. Vytvorte text alebo umiestnite obrázok, ktorý chcete použiť ako odkaz. Odkazy sa vytvárajú pomocou niekoľkých jednoduchých značiek html pri úprave kódu vášho webu. Najprv je však dôležité vedieť, čo chcete vložiť do značiek. Môže to byť text, obrázok alebo iný html prvok, ale tu používame iba riadok textu.
2. Okolo textu umiestnite dve značky. Hypertextové odkazy sú označené dvoma jednoduchými značkami, jednou na otvorenie kódu a druhou na jeho zatvorenie. Bez atribútov to ešte nie je skutočne užitočné, ale urobíme s tým niečo.
   • Váš odkaz môže vyzerať takto: Kliknutím sem navštívite môj nový web.
3. Pridajte atribút „href“, aby ste určili, kam odkaz vedie. Atribút „href“ informuje prehliadač, kam má nasmerovať používateľa po kliknutí na odkaz. Za týmto atribútom nasleduje znamienko rovnosti a potom za ním adresa v úvodzovkách.
   • Vyššie uvedený príklad by mal teraz vyzerať takto: kliknite tu navštíviť moju novú webovú stránku.
   • Upozorňujeme, že ak je cieľom odkazu iná webová stránka, musíte uviesť úplnú adresu URL (zvyčajne sa začína zámenou „http“). Ak je uvedený iba názov stránky, potom sa predpokladá, že bude prehľadaná v adresári webovej stránky.

Metóda 2 z 2: Pridávanie e-mailov a kotiev

1. Vytvorte odkaz z obrázka. To je veľmi ľahké urobiť pridaním značky obrázka do značiek odkazu. Budete potrebovať adresu umiestnenia obrázka (t. J. Umiestnenia na vašom serveri alebo adresy niekoho iného). Tu je príklad toho, ako môže vyzerať odkaz na obrázok:
   • a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
2. Vytvorte e-mailový odkaz pomocou „mailto:’ protokol. Ak chcete vytvoriť odkaz na napísanie e-mailu na konkrétnu adresu, použite výraz „mailto:“ a umiestnite ho priamo pred e-mailovú adresu osoby.
   • E-mailový odkaz môže vyzerať takto: kliknite tu položiť otázku alebo urobiť komentár.
3. Vytvorte kotvy na väčšej webovej stránke pre ľahšiu orientáciu. Ak hľadáte spôsob prepojenia na konkrétnu časť webovej stránky, použite kotvu. Kotvy sú veľmi užitočné pre väčšie stránky s obsahom; každej kapitole alebo sekcii je možné priradiť kotvu prepojenú s obsahom. Kotvy sa vytvárajú pomocou atribútu „name“.
   • Ak chcete vytvoriť kotvu, vložte značku na správne miesto na stránke, napríklad: Kapitola 3 - Používanie kotiev v HTML
   • Ak sa chcete prepojiť s novovytvorenou kotvou, použite znak # takto: # Prejdite na kapitolu 3

Tipy

• Na tvorbu webových stránok nepotrebujete žiadny špeciálny softvér a väčšina počítačov má predvolene nainštalovaný správny softvér. Príkladom je Poznámkový blok / Poznámkový blok vo Windows. Stačí zadať kódy a uložiť ich ako html. Aby ste videli, ako to vyzerá v praxi, potrebujete prehliadač, ktorý v pokročilých programoch často nie je potrebný. Okrem toho neexistujú žiadne možnosti kontroly syntaxe kódu a toho, či je v súlade s normami.
• Pomocou štýlov CSS môžete meniť farbu a ďalšie vlastnosti odkazov.

Nevyhnutnosť

• Počítač
• Editor, ako je napríklad Poznámkový blok alebo softvér pre návrh webových aplikácií