Ako používate hypertextové odkazy?

Hypertextové odkazy sú základným nástrojom na vytváranie interaktívnych a informatívnych webových stránok. Tu je návod, ako používať hypertextové odkazy v HTML:

1. HTML kód :

Hypertextové odkazy sa vytvárajú pomocou prvku „“ (ukotvenie) v HTML. Štruktúra je:

`Text alebo obrázok `

2. Pridanie odkazu :

- V prvku zadajte cieľovú adresu URL pomocou atribútu href.

– Text alebo obrázok medzi úvodným „“ a zatvoreným „ “. ` značky sú to, na čo používatelia kliknú, aby nasledovali odkaz.

3. Formát adresy URL :

– Webové adresy môžu byť absolútne (vrátane protokolu, napríklad https://example.com) alebo relatívne (začínajúce znakom „/“ alebo bez protokolu).

4. Zobraziť text alebo obrázok :

- Text alebo obrázok v prvku `` sa zobrazí ako odkaz.

- Používatelia uvidia tento klikateľný text alebo obrázok.

5. Štýly odkazov :

- V predvolenom nastavení sú odkazy modré a podčiarknuté, ale môžete ich upraviť pomocou CSS.

6. Otváranie na novej karte :

- Ak chcete otvoriť prepojenú stránku na novej karte prehliadača, pridajte `target="_blank"` do prvku ``.

7. Odkaz na inú stránku :

- Ak chcete vytvoriť odkaz na inú stránku na tej istej webovej lokalite, použite relatívnu adresu URL (začínajúcu znakom `/`).

- Napríklad `href="/about-us.html"` by odkazovalo na stránku "O nás".

8. Odkaz na externú lokalitu :

– Ak chcete vytvoriť odkaz na stránku na inej webovej lokalite, použite absolútnu webovú adresu (začínajúcu reťazcom „http://“ alebo „https://“).

9. Odkaz na obrázok :

- Ak chcete vytvoriť klikateľný obrázok, použite ` ` vnútri elementu ``.

10. Odkaz na e-mail :

- Ak chcete vytvoriť odkaz, ktorý otvorí predvoleného e-mailového klienta, použite `href="mailto:používateľské meno@example.com"`.

11. Otestujte svoje odkazy :

- Vždy otestujte svoje odkazy, aby ste sa uistili, že fungujú správne a vedú používateľov na zamýšľané ciele.

12. Prístupnosť :

- Poskytnite popisný text odkazu, ktorý pomôže čítačkám obrazovky a nástrojom na zjednodušenie ovládania. Vyhnite sa vágnym textom ako „Kliknite sem“.

13. Atribút názvu :

– Pomocou atribútu „title“ pridajte text podobný popisu, ktorý sa zobrazí pri umiestnení kurzora myši.

Hypertextové odkazy sú všestranný a výkonný nástroj, ktorý môže zlepšiť používateľskú skúsenosť na vašich webových stránkach. Použite ich efektívne na vytvorenie dobre prepojenej a informatívnej webovej stránky.

• Predchádzajúca strana: Čo sa stane, ak hypertextový odkaz nedokáže zobraziť súbor? 
• Ďalšia strana: Ako hypertextový odkaz súvisí s URL?