Студопедия

Главная страница Случайная страница

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Как бросить якорь на другую веб страницу?

Как создать или закинуть якорь?

Вот ссылка-якорь

< a name=" имя якоря-1" > Текст или заголовок< /a>

а это ссылка, которая привязывается к якорю.

< a href=" #имя якоря-1" > Ссылка закладки на раздел< /a>

Внимание: обязательно нужно использовать для привязки якоря к ссылке символ #.

Итак, давайте посмотрим, как выглядят якоря в html файле.

Пример:

  < html> < head> < title> Как вставить ссылку в html< /title> < /head> < body> < H2> Перевод песен.< /H2> < a href=" #stih1" > Перевод песни группы Type o negative< /a> < BR> < a href=" #stih2" > Перевод песни группы HIM< /a> < BR> < a href=" #stih3" > Перевод песни группы Nazareth< /a> < BR> < BR> < BR> < BR> < BR> < BR> < BR> < BR>   < H3> < a name=" stih1" > Перевод песни группы Type o negative< /a> < /H3> < p> ... бла-бла-бла 1... < /p> < H3> < a name=" stih2" > Перевод песни группы HIM< /a> < /H3> < p> ... бла-бла-бла 2... < /p> < H3> < a name=" stih3" > Перевод песни группы Nazareth< /a> < /H3> < p> ... бла-бла-бла 3... < /p>   < /body> < /html>

Результат:

Как бросить якорь на другую веб страницу?

Якорь можно бросить на другую страницу веб-ресурса или страницы. Для этого пропишите в атрибуте href URL-адрес страницы, добавьте к нему символ # и название якоря.

< p> < a href=" /primer.html#new1" > Текст для перехода< /a> < /p>

primer.html - это другая страница.
#new1 - название якоря.

Теперь на странице primer.html бросаем якорь на нужный раздел текста.

< p> < a name=" new1" > нужный раздел текста< /a> < /p>

new1 - название якоря.

Посмотрим пример:

Создайте html документ с названием " 1.html".

  < html> < head> < title> Как вставить ссылку-якорь в html< /title> < /head> < body>   < p> текст< /p> < a href=" /2.html#stih1" > Перевод песни группы Type o negative< /a> < p> текст< /p>   < /body> < /html>

Теперь создайте html документ с названием " 2.html".

  < html> < head> < title> Как вставить ссылку-якорь в html< /title> < /head> < body>   < p> текст< /p> < p> < a name=" stih1" > нужный раздел текста< /a> < /p> < p> текст< /p>   < /body> < /html>

 

<== предыдущая лекция | следующая лекция ==>
Анализ интенсивности и эффективности использования основных фондов | Возрастно-половые особенности
Поделиться с друзьями:

mylektsii.su - Мои Лекции - 2015-2024 год. (0.009 сек.)Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав Пожаловаться на материал