Создание сайта. Якорь в HTML

Автор Lyudmila Yeriomenko
Создание сайта. Якорь в HTML

рассмотрим такое понятие как.

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

Там могут быть картинки там может быть всё, что угодно Toy наполняем страницу нашем контентом и к примеру.

Вот этот текст два который мы сейчас вот сюда вот так вот клонировали является текстом на которой мы хотим нашего пользователя перебросить вот допустим он зашел на страницу и. Он уже хочет заказ и ему нужно сразу попасть вот сюда в этот второй текст. Представьте, что — это страница гораздо длиннее гораздо дольше неудобный на можно свободно перемещаться по ней. Мы хотим вот здесь рядом с программой онлайн-курса поставить ссылку который будет означать перейти 102. Ну то есть перейти туда где тут текст начинается. Таким образом мы — это делаем изначально мы помещаем тот фрагмент. Куда нам нужно попасть в специальном якорем. Каким образом — это делает вот наш 2 мы берём вот этот абзац. П И вот здесь прописываем — это то есть мы пишем атрибут тега который называется — это мы его не разбирали, но сейчас он нам встретился на нём узнали оказывается, что у тебя есть ещё атрибуты атрибут ID пишем равно кавычки указывает значение атрибута. Ну допустим. Это не условия нашего мероприятия которые мы проводим мы, что у данного. ТГП есть атрибут ID со значением усов здесь мы можем указывать то, что нам хочется называть. Как нам нравится вам чтобы по смыслу. Мы понимали, что — это такое то есть мы ставим определённую пометку. Якорь и. Алия мы рядом с программой онлайн-курса делаем дополнительная надпись ознакомиться с условиями и эту надпись этот текст ознакомиться с условиями. Мы тоже делаем ссылкой отправляем тегом. А и. В качестве атрибута тега. Сычев значение указываем. Якорь Ставим на. Какую решетку дальше уснул, что же получается получается, что мы вот здесь для атрибута тега п то есть для ID задали значение уснул, а вот здесь. Мы создали ссылку которая ведёт на уснул, но только единственное, что перед этим название нам нужно поставить в эту решётку. То есть получается ссылкой у нас является ушёл сохраняем идём на странице обновляем появляется ознакомиться с условиями текст нажимаем на него и переходим на текст 2 вот здесь у нас немножко осталось текст один — это по той причине что. Наш текст два оказался не очень длинным вот сейчас я вот так его возьму ещё туда растирать чтобы его ещё больше было станет более. Понятно Вот я говорю тестировал обновляем нажимаем ознакомиться с условиями и вот мы сразу попали текст два то есть вот — это есть первая строчка текста два вот понимаешь страничку вот мы видим вот. Чем закончился. Вот текст 2 сделай вот таким образом напишем текст несколько двоек может чтобы чётко было видно добавляем страницу нажимаем ознакомиться с условиями и вот мы попали ровно на начало вот этого второго текста который у нас является вот этими время наш пользователь видит провод тот контент который мы хотим чтобы он видел и таким образом мы можем создавать тени. Коля которые нам нужны перекидывать на текст 2 она текст. Один куда угодно то есть самое главное — это создать вот этот ID и потом в том месте. Откуда мы хотим переходить, но она ознакомиться с условиями вот сюда вставлять ссылку возникает вопрос. Что такое. Это вот посмотрим на т п на сайте HTML бук мы увидим, что написание присутствует атрибут align и написано, что так же для этого так доступны универсальные атрибуты и события универсальные атрибуты нажимаем смотрим какие-то универсальные атрибуты accesskey класс дир и вот мы видим — это ты в данном случае. Аиде как и многие другие атрибуты являются универсальными. Что означает, что они присутствуют у многих тегов то есть универсальные атрибуты могут быть применены почти ко всем тегам и отдельно написать, что у. ТГП вот здесь есть ещё куча атрибутов и перечислять всё универсального просто знаем что. Да у него есть свои атрибуты, но также и есть универсальные которые в общем-то можно менять для большинства. Пегов поэтому мы спокойно использовали — это вот здесь для обозначения данного абзаца также добавлю, что мы можем делать ссылки используя якоря на веб-странице то есть не обязательно можно перемещаться ровно поэты web-страницы мы можем к примеру сделать следующим образом, что вот в джумле у нас много много много разного как-то много текста и нам нужно сделать чтобы вот эта ссылка нас отправляла мало того, что на страницу.

0 комментариев
0

Читайте также