html как сделать переход на другую страницу

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

Существует несколько способов создания кнопки HTML для перехода на другую страницу.

Метод 1

  • Преимущество: Отдельный JS из HTML (MVC)
  • Недостаток: длинные коды, полагайтесь на JS
  • Примечание: селектор jQuery не является обязательным, может использовать традиционный JavaScript

Метод 2

  • Преимущество: 1-лайнер, не нужно назначать идентификатор кнопке
  • Недостаток: смешайте JS с HTML, полагайтесь на JS

Метод 3

  • Преимущество: нет необходимости полагаться на JS
  • Недостаток: выглядит как поддельная кнопка, требуется IE9 + ( appearance — свойство CSS3)
  • Примечание: это от здесь

Метод 4

  • Преимущество: самый короткий код, не нужно полагаться на JS
  • Недостаток: неправильное использование тега . Не работает, если есть кнопка отправки

Программисты, которые подходят, являются наиболее эффективными (и, следовательно, широко используются), и почему?

Примечание: можем ли мы сделать это как сообщество wiki?

Я делаю ссылку. Ссылка — это ссылка. Ссылка переместится на другую страницу. Это то, для чего нужны ссылки, и все это понимают. Таким образом, метод 3 является единственным правильным методом в моей книге.

Я бы не хотел, чтобы моя ссылка выглядела как кнопка вообще, и когда я это делаю, я все же считаю, что функциональность важнее, чем внешний вид.

Кнопки менее доступны не только из-за необходимости использования Javascript, но и потому, что инструменты для слабовидящих могут не хорошо понимать эту улучшенную кнопку Javascript.

Метод 4 будет работать, но это скорее трюк, чем реальная функциональность. Вы злоупотребляете формой, чтобы публиковать «ничего» на этой другой странице. Он не чист.

Источник: http://qaru.site/questions/689781/html-button-navigate-to-other-page-different-approaches

Пишу тег и атрибут правильно,выдаёт (проверьте правильно ли указан адресс)в чём причина не понимаю!

Вопрос без «куска исходника» не хорошо. Что ж тут все телепаты ? 😉

Это при том, что оба файла 1.html и 2.html находятся в одном и том же каталоге (на хостинге), если файлы расположены в разных каталогах, то нужно использовать :

В общем все это есть в сети — любой учебник по HTML.

Я наверстал 15 страниц,а соединить их не могу хотя ставлю именно тот тег и атрибут которые вы указуваете (адрес тоже правильный)выдаёт следующие —Firefox не знает, как открыть данный адрес, так как один из следующих протоколов (fale) не связан ни с одной программой или не разрешен в этом контексте.

ЧИТАЙТЕ ТАКЖЕ:  как сделать полицейскую машину из лего инструкция

Для открытия данного адреса вам, возможно, понадобится установить стороннее программное обеспечение.

Какое обеспечение именно не знаете? — 3 года назад

Источник: http://www.bolshoyvopros.ru/questions/1576621-kak-perejti-s-odnoj-stranichki-sajta-na-druguju-v-html.html

Итак, у нас есть три html-страницы, которые нужно связать между собой. В HTML для этого используются теги . Все, что вы поместите внутрь этих тегов (текст или картинку) станет ссылкой. Это значит, что после нажатия на то, что вы указали в тегах произойдет переход. Куда? На страницу, которая указана в атрибуте href.

Рассмотрим наш блок меню:

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

Здесь следует подробнее остановиться на способах задания адреса html-страницы в атрибуте href. Все наши страницы находятся в одной папке, т.е. имеют один уровень. Поэтому мы просто указали имя html-страницы.

Если же html-страница будет находиться в другой папке, то необходимо будет указать путь к ней от данной html-страницы. Например, если в нашей папке site лежат страницы index.html и pattern.html, а страницу kontact.html мы поместили бы в папку kon, то указывая путь со страницы index.html на страницу kontact.html, мы написали бы следующее: (все папки указываются через / ).

Если вы захотите сделать ссылку на html-страницу, которая не лежит на вашем сайте, то придется указать ее абсолютный адрес, например,

Нам осталось на разных html-страницах разместить разный контент.

Пусть на нашей главной странице будут размещены фотографии шаблонов с их краткими характеристиками, на странице pattern. html — будут просто фотографии шаблонов, а на странице kontact.html — адрес нашей электронной почты.

Начнем со страницы index.html. Откройте ее в блокноте.

Найдите в коде страницы ту часть кода, которая отвечает за контент. Сейчас там написано следующее:

Источник: http://www.site-do.ru/doSite/lesson4.php

Принцип связанности интернета

Все мы слышали словосочетание «всемирная паутина». Почему сложилась ассоциация именно с этой структурой из живой природы? Все очень просто. Паутина скрепляет пространство, она дает пауку возможность получать информацию о том, что происходит в его владениях. В интернете единицами информации являются HTML-страницы и файлы, гиперссылки связывают их как нити.

Гиперссылка — это специальный элемент HTML-разметки, устанавливающий связь с другой страницей или файлом. Они являются фундаментальной основой существования интернета. Браузеры, при клике на гиперссылку, осуществляют переход на связанную с ней страницу или загрузку файла.

ЧИТАЙТЕ ТАКЖЕ:  ябеда сделавший карьеру сканворд 6 букв

Гиперссылки берут свое начало из печатных изданий. Возможно, вы сталкивались с ними, листая справочники. В них, в самом низу страницы указываются сноски на источники, из которых взята та или иная информация.

Заметка
Гиперссылки осуществляют связывание посредством специального атрибута, который должен содержать URL-адрес ресурса. URL является универсальным идентификатором источника информации в сети. Если вы не знакомы с данным понятием, изучите урок «Что такое URL-адрес?» из нашего учебного курса.

Использование гиперссылок

Для создания ссылки на другую страницу в HTML существует элемент . Он не имеет своей ширины или высоты. Все содержимое, помещенное между открывающим тегом и закрывающим , будет являться ссылкой на указанный ресурс.

Курсор мыши, при наведении на элементы, находящиеся внутри гиперссылки, будет меняться на значок руки с вытянутым указательным пальцем. Это помогает пользователю визуально определить, что данный HTML-элемент используется как ссылка и позволяет перейти к просмотру другой страницы. Помимо изменения курсора мыши, текст, находящийся внутри гиперссылки, будет подсвечен синим цветом и иметь нижнее подчеркивание.

Для указания страницы или файла, с которым связана ссылка, используется атрибут href . В нем необходимо указать соответствующий URL-адрес. Также вы можете задать атрибут title , который будет выводить определенный текст при наведении курсора на гиперссылку. Ниже мы привели наглядный пример.

Заметка
Этот урок не раскрывает все подробности использования ссылок. Далее в учебном курсе будут подробно рассмотрены дополнительные атрибуты данного элемента, а также абсолютные и относительные способы адресации.

Источник: http://coder-booster.ru/learning/html-beginners/create-hyperlink-to-another-page

Все пользователи, которые так или иначе связаны с сайтами, их созданием или редактированием ежедневно встречаются с созданием ссылок на различные материалы. И наверняка каждых из них знает, как и при помощи какого html-тега сделать ссылку на какой-либо материал в интернете.

Однако, далеко не все умеют ставить ссылку на определенную часть страницы. Это может быть очень полезно, если вы пишете большие статьи. В начале поста можно сделать оглавление, из каждой строчки которого потом сделать ссылку на часть текста как на этой же странице, так и на любой другой.

Что бы понять, что мы имеем ввиду, посмотрите оформление нашей недавней инструкции про то, как включить сохранение вкладок при закрытии разных браузеров. Вверху страницы как раз реализовано такое меню, в котором сделаны ссылки на определенное место страницы.

ЧИТАЙТЕ ТАКЖЕ:  гардины и натяжной потолок как лучше сделать

Как сделать ссылку на определенное место текущей страницы

Если перед вами стоит задача сделать ссылку на часть той же страницы, на которой сейчас находится пользователь, отправить его выше или ниже, то сделать это можно следующим способом:

1. Присвойте якорь части страницы

Первым пунктом вам нужно присвоить так называемый «якорь» (anchor) той части страницы, на которую пользователя должно перекидывать при нажатии на ссылку. Для этого перед текстом в этой части страницы вставьте следующий код

где вместо «anchor» вставьте любое слово, желательно подходящее по смыслу к абзацу, на который ссылаетесь.

2. Сделайте ссылку на «якорь»

Вторым делом вам нужно сделать ссылку на установленный в первом пункте «якорь» в том месте страницы, откуда пользователь, по вашему мнению, может захотеть перейти к части текста, на которую вы ссылаетесь. Например, это может быть оглавление в начале статьи. Ссылка на «якорь» выглядит следующим образом

где «anchor» замените на то слово, которое выбрали в первом пункте статьи.

Как сделать ссылку на определенную часть другой страницы

Таким же способом, который мы рассмотрели выше, можно ставить ссылки не только на часть текста на той же странице, но и на определенное место любой другой страницы. Главное, что бы у вас была возможность разместить там «якорь». Делается это следующим образом:

1. Присвойте «якорь» странице-реципиенту

Как и в предыдущем пункте, присвойте «якорь» нужной части той страницы, на которую пользователь должен переходить при нажатии на ссылку, выглядит это все так же:

где вместо «anchor» вы так должны вставить любое слово по вашему желанию.

2. Сделайте ссылку на anchor другой страницы

Как и в предыдущем случае, вам нужно просто поставить ссылку на созданный ранее «якорь». Разница лишь в том, что ссылаясь на часть другой страницы вам нужно добавить её URL в код, который в результате будет выглядеть следующим образом

где вместо «адрес страницы» вам нужно подставить, соответственно, URL страницы, на которую ссылаетесь, а вместо «anchor» текст, выбранный вами при создании «якоря».

Пример ссылки на часть страницы

Для примера, нажав на эту ссылку вы перейдете к началу статьи. Соответственно, в самом начале статьи мы вставили код

а код ссылки выглядит вот так

Если бы эта ссылка на начало статьи была размещена на другой странице или другом сайте, то её код выглядел бы следующим образом

Источник: http://ochprosto.com/sdelat-ssylku-na-opredelennuyu-chast-stranicy/

Ссылка на основную публикацию