![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Изображение в качестве ссылки
Этот пример показывает, как использовать в качестве ссылки изображение. < html> < body> < p> Можно также использовать в качестве ссылки изображение: < a href=" https://www.intuit.ru/" > < img border=" 0" src=" logo.gif" width=" 285" height=" 52" > < /a> < /p> < /body> < /html>Пример выполнения данного HTML-кода Описание тега гипертекстовой ссылки Якорь (аnchor) позволяет устанавливать связь с любыми ресурсами во Всемирной Сети: Синтаксис тега гипертекстовой ссылки: < a href=" url" > текст ссылки< /a> При помощи атрибута href передается адрес документа, на который указывает ссылка. < a href=" https://www.intuit.ru/" > Добро пожаловать в ИНТУИТ! < /a> Такой же синтаксис используется для перехода во вложенную папку, например в папку < a href=" https://www.intuit.ru/help/" > Страница помощи на сайте ИНТУИТ! < /a> Всегда добавляйте завершающую косую черту к ссылкам на вложенные папки. Если ссылка С помощью данного атрибута можно задавать ссылки не только по протоколу HTTP, https://... - создает ссылку на www-документ; ftp: //... - создает ссылку на ftp-сайт или расположенный на нем файл; mailto:... - запускает почтовую программу-клиент с заполненным полем имени получателя. news:.. - создает ссылку на конференцию сервера новостей; telnet: //... - создает ссылку на telnet-сессию с удаленной машиной; wais: //... - создает ссылку на WAIS - сервер; gopher: //... - создает ссылку на Gopher - сервер; С помощью атрибута target можно определить, где будет открыт документ, на который _self - указывает, что определенный в параметре href документ должен отображаться в _parent - указывает, что документ должен отображаться во фрейме-родителе текущего _top - указывает, что документ должен отображаться в окне-родителе всей текущей _blank - указывает, что документ должен отображаться в новом окне. < html> < body> < a href=" https://www.intuit.ru/" target=" _blank" > Добро пожаловать в ИНТУИТ! < /a> < a href=" https://www.intuit.ru/" target=" _parent" > Добро пожаловать в ИНТУИТ! < /a> < a href=" https://www.intuit.ru/" target=" _top" > Добро пожаловать в ИНТУИТ! < /a> < a href=" https://www.intuit.ru/" target=" _self" > Добро пожаловать в ИНТУИТ! < /a> < /body> < /html>Пример выполнения данного HTML-кода Для перехода внутри страницы к конкретному разделу используют атрибут name тега гипертекстовой ссылки a, при помощи которого создается именованный якорь. < a name=" label" > ссылка на именованный якорь< /a> В данном примере внутри документа создается своеобразная метка, при этом именованный якорь никак не отображается в окне браузера. Для перехода на место, которое отмечено именованным якорем используется знак # и имя якоря в конце URL следующим образом: < a href=" page1.html#label" > переход на именованный якорь < /a> Переход внутри файла " page1.html" на именованный якорь выглядит следующим образом: < a href=" #label" > переход на именованный якорь < /a> Если браузер не сможет найти указанный именованный якорь на вызываемой странице, то переход произойдет на начало документа, при этом сообщения об ошибке доступа не возникает. Дополнительные примеры Открытие ссылки в новом окне браузера Этот пример показывает, как открыть ссылку на другую страницу в новом окне, чтобы Пример выполнения данного HTML-кода
|