Вътрешни връзки в HTML
В предишния урок правихме връзки към страници на чужди сайтове, копирайки техния адрес от адресната лента на браузъра. Нека сега искате да свържете страниците на собствения си сайт с връзки.
В такъв случай не може да копирате техните адреси от адресната лента. Работата е там, че такива адреси ще съдържат пълния път до вашата страница от основния диск на вашия компютър, и при преместване в друга папка такива връзки просто ще се счупят.
За страници на собствения сайт трябва да се прилага
различен подход. Нека го изучим с пример. Нека
в основната папка на вашия сайт са разположени
файлът index.html и файлът page.html.
Нека свържем тези файлове с връзки. За целта в атрибута
href на връзките трябва просто да се напише
имената на тези файлове (с техните разширения). Нека
направим това.
На страницата index.html ще направим връзка
към страницата page.html:
<h1>Index</h1>
<a href="page.html">връзка към page</a>
А на страницата page.html ще направим връзка
към страницата index.html:
<h1>Page</h1>
<a href="index.html">връзка към index</a>
Направете три HTML страници в основата на вашия
сайт. Назовете ги 1.html, 2.html,
3.html. Свържете тези страници с връзки
помежду си.
Направете също и страница index.html.
Разположете на нея връзки към страниците 1.html,
2.html, 3.html.
Модифицирайте предходната задача така, че
връзките да се намират в списък ul.