Студопедия

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

КАТЕГОРИИ:

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






Задание 4.






Иногда возникает такая ситуация: нужно сделать ссылку не на другой документ, а внутри того же документа – закладку. Такая навигация внутри одного и того же документа весьма удобна. Создаваться она может двумя способами.

Способ первый - с помощью атрибута name (имя закладки) тэга A:

 

< H2> Григорий Остер, " Вредные советы.< BR> Книга для непослушных детей и их родителей".< /H2> < A href=" #stih1" > Ссылка на стих первый< /A> < BR> < A href=" #stih2" > Ссылка на стих второй< /A> < BR> < A href=" #stih3" > Ссылка на стих третий< /A> < BR> < BR> < PRE> Недавно ученые открыли, что на свете бывают непослушные дети, которые все делают наоборот. Им дают полезный совет: " Умывайтесь по утрам" - они берут и не умываются. Им говорят: " Здоровайтесь друг с другом" - они тут же начинают не здороваться. Ученые придумали, что таким детям нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно. < /PRE> < H3> < A name=" stih1" > Стихпервый< /A> < /H3> < PRE> ... тра-ля-ля 1... < /PRE> < H3> < A name=" stih2" > Стихвторой< /A> < /H3> < PRE> ... тра-ля-ля 2... < /PRE> < H3> < A name=" stih3" > Стихтретий< /A> < /H3> < PRE> ... тра-ля-ля 3... < /PRE>

Заголовки (стих первый, стих второй, стих третий) в примере мы сделали закладками, использовав атрибут тэга A - name:

< A name=" stih3" > Стих третий< /A>

Затем, мы сделали на них ссылки:

< A href=" #stih3 " > Ссылка на стих третий< /A>

Заметьте - < A href=" #stih3 " > - символ решетки (#) перед именем закладки, на которую мы ссылаемся, обязателен. Вы можете ссылаться на закладку и из других документов, тогда ссылка будет выглядеть следующим образом:

< A href=" ancorpri.html#stih3 " > Ссылка на стих третий из какого-то другого документа < /A>

или

< A href=" https://www.mysite.ru/ancorpri.html#stih1 " > Ссылка на стих третий из какого-то другого документа < /A>

(имя сайта, имя документа + имя закладки)

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

Способ второй - есть такой атрибут - id, который назначает тэгу (элементу) уникальное имя в пределах одного документа (кроме тэгов Base, Head, Html, Meta, Script, Style, Title

 

      < H2> Григорий Остер, " Вредные советы.< BR> Книга для непослушных детей и их родителей".< /H2> < A href=" #stih1" > Ссылка на стих первый< /A> < BR> < A href=" #stih2" > Ссылка на стих второй< /A> < BR> < A href=" #stih3" > Ссылка на стих третий< /A> < BR> < BR> < PRE> Недавно ученые открыли, что на свете бывают непослушные дети, которые все делают наоборот. Им дают полезный совет: " Умывайтесь по утрам" - они берут и не умываются. Им говорят: " Здоровайтесь друг с другом" - они тут же начинают не здороваться. Ученые придумали, что таким детям нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно. < /PRE> < H3 id=" stih1" > Стих первый< /H3> < PRE> ... тра-ля-ля 1.. < /PRE> < H3 id=" stih2" > Стих второй< /H3> < PRE> ... тра-ля-ля 2... < /PRE> < H3 id=" stih3" > Стих третий< /H3> < PRE> ... тра-ля-ля 3... < /PRE>

 

Создайте закладки на своей странице.

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

Никогда не делайте так:

 

      < A href=" #stih" > Ссылка на...< /A> < BR> .. < A name=" STIH" > Закладка< /A>

 

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


Поделиться с друзьями:

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