Найти в Дзене
V07BiT.Compiles

Переход между разными страницами по ссылкам. Гиперссылки

Друзья, в предыдущих статьях мы разобрались, как работать с текстом, как вставлять картинки в текст на web-странице. Сейчас разберёмся, как переходить по ссылкам между web-страницами, если у нас есть несколько таких страниц. Для перехода со страницы на другую страницу есть специальный тэг гиперссылка <a>...</a> и применяется он по разному потому-что у него есть разные параметры. Что-бы перейти на другую страницу, нужно написать в тэге: <a href="путь к странице">...</a>, между открывающим тэгом <a> и закравающим тэгом </a> пишется какое-нибудь слово или предложение указавающее и объясняющее переход. Например: <a href="secondpages.html">переход на вторую страницу</a> если страница находится в другой директории пишется так: <a href="directory/secondpages.html">переход на другую страницу</a> если страница находится на другом сайте пишется так: <a href="https://sitename.ru/directory/pagename.html">переход на страницу другого сайта</a> Сейчас можно попробовать сделать своими ручками гипер-пе
Оглавление

Друзья, в предыдущих статьях мы разобрались, как работать с текстом, как вставлять картинки в текст на web-странице. Сейчас разберёмся, как переходить по ссылкам между web-страницами, если у нас есть несколько таких страниц.

Для перехода со страницы на другую страницу есть специальный тэг гиперссылка <a>...</a> и применяется он по разному потому-что у него есть разные параметры. Что-бы перейти на другую страницу, нужно написать в тэге: <a href="путь к странице">...</a>, между открывающим тэгом <a> и закравающим тэгом </a> пишется какое-нибудь слово или предложение указавающее и объясняющее переход. Например:

<a href="secondpages.html">переход на вторую страницу</a>

если страница находится в другой директории пишется так:

<a href="directory/secondpages.html">переход на другую страницу</a>

если страница находится на другом сайте пишется так:

<a href="https://sitename.ru/directory/pagename.html">переход на страницу другого сайта</a>

Сейчас можно попробовать сделать своими ручками гипер-переходы на другие странички

Откроем наш редактор, даже можно перекопировать в него весь текст предыдущей странички и сохранить файл под другим именем, ну например: second.html

html-страница файла index.html
html-страница файла index.html

html-страница файла second.html
html-страница файла second.html

Текст гипер-ссылки прописываем вверху сразу-же после тэга <body>. Обратите внимание на тэг ссылки в обоих страничках, ссылки разные и ведут на разные странички index.html ведёт на second.html, и наоборот. Также немного подрихтовал и ссылки на изображения.

И что получилось

Это страничка файла index.html. Сверху видна ссылка на другую страничку
Это страничка файла index.html. Сверху видна ссылка на другую страничку

Это страничка файла second.html. Сверху видна ссылка для перехода на главную страничку - это файл index.html
Это страничка файла second.html. Сверху видна ссылка для перехода на главную страничку - это файл index.html

Вот таким образом в этой статье мы разобрались с гипер-переходами на другие странички.