Вътрешни връзки в HTML

В предишния урок правихме връзки към страници на чужди сайтове, копирайки техния адрес от адресната лента на браузъра. Нека сега искате да свържете страниците на собствения си сайт с връзки.

В такъв случай не може да копирате техните адреси от адресната лента. Работата е там, че такива адреси ще съдържат пълния път до вашата страница от основния диск на вашия компютър, и при преместване в друга папка такива връзки просто ще се счупят.

За страници на собствения сайт трябва да се прилага различен подход. Нека го изучим с пример. Нека в основната папка на вашия сайт са разположени файлът index.html и файлът page.html. Нека свържем тези файлове с връзки. За целта в атрибута href на връзките трябва просто да се напише имената на тези файлове (с техните разширения). Нека направим това.

На страницата index.html ще направим връзка към страницата page.html:

index.html<h1>Index</h1>
<a href="page.html">връзка към page</a>

А на страницата page.html ще направим връзка към страницата index.html:

page.html<h1>Page</h1>
<a href="index.html">връзка към index</a>