Interné odkazy v HTML

V predchádzajúcej lekcii sme vytvárali odkazy na stránky cudzích webstránok kopírovaním ich adresy z adresného riadku prehliadača. Teraz povedzme, že chcete prepojiť odkazmi stránky vlastnej webstránky.

V takom prípade nemôžete kopírovať ich adresy z adresného riadku. Dôvod je ten, že takéto adresy budú obsahovať úplnú cestu k vašej stránke od koreňového disku vášho počítača a pri presune do iného priečinka takéto odkazy jednoducho prestanú fungovať.

Pre stránky vlastnej webstránky by sa mal praktizovať iný prístup. Pozrime sa naň na príklade. Povedzme, že v koreňovom priečinku vašej webstránky sa nachádza súbor index.html a súbor page.html. Prepojme tieto súbory odkazmi. Na to by sa do atribútu href odkazov malo jednoducho napísať meno týchto súborov (s ich príponou). Urobme to.

Na stránke index.html vytvorme odkaz na stránku page.html:

index.html<h1>Index</h1>
<a href="page.html">odkaz na stránku</a>

A na stránke page.html vytvorme odkaz na stránku index.html:

page.html<h1>Page</h1>
<a href="index.html">odkaz na index</a>
Задание 1

Vytvorte tri HTML stránky v koreni vašej webstránky. Pomenujte ich 1.html, 2.html, 3.html. Prepojte tieto stránky odkazmi medzi sebou.

Задание 2

Vytvorte tiež stránku index.html. Umiestnite na ňu odkazy na stránky 1.html, 2.html, 3.html.

Задание 3

Upravte predchádzajúcu úlohu tak, aby odkazy boli umiestnené v zozname ul.