Гиперссылки - это HTML -элементы, которые часто используются на веб -сайтах, поскольку различные страницы веб -сайта состоят из гиперссылок, а гиперссылки завершают скачок между страницами. Гиперссылки являются основным средством взаимодействия между зрителями и серверами, и обучение будет постепенно углублено в последующих технологиях.
- Примечание. Изображения также можно использовать в качестве ссылок, и вы подробно узнаете изображения на веб -странице следующей главы.
4.5.1 Добавить ссылки в текстТег гиперссылки - <a> </a>, добавление гиперссылки в текст аналогична другим модифицированным тегам. Текст после ссылки имеет свой особый стиль, чтобы отличить его от других текстов. Стиль ссылки по умолчанию - синий текст и подчеркнут. Гиперссылка перенаправляется на другую страницу, а тег <a> </a> имеет атрибут href, который отвечает за указание адреса новой страницы. Адрес, указанный HREF, обычно использует относительный адрес.
- Примечание. При разработке веб -сайтов документы чаще используются по сравнению с адресами.
Создайте файл веб -страницы в каталоге D:/ Web/ с именем A.HTM, и напишите код, как показано в коде 4.18.
Код 4.18 Настройки гиперссылки: A.HTM
<html>
<голова>
<title> Настройки гиперссылок </title>
</head>
<тело>
<font size = 5>
<a href = ul_ol.htm> Введите страницу «Настройки списка» </a>
</font>
</body>
</html>
Введите http: //localhost/a.htm в адресной панели браузера, и эффект просмотра показан на рисунке 4.19.
Рисунок 4.19 Настройки гиперссылки
Читатели могут видеть стиль гиперссылки по умолчанию на рисунке 4.19. Когда вы нажимаете на ссылку на странице, страница будет перейти на страницу ul_ol.htm в том же каталоге, то есть страница «Настройки списка» в предыдущем разделе. Когда вы нажимаете кнопку «Назад» браузера и возвращаетесь на страницу A.HTM, цвет текстовой ссылки становится фиолетовым, что говорит зрителям, что эта ссылка была посещена.
4.5.2. Измените метод открытия окна ссылкиПо умолчанию гиперссылки открывают новые страницы, является самоуверенной. В зависимости от различных потребностей зрителя, читатели могут указать другие способы открытия новых окон для гиперссылки. Тег Hyperlind предоставляет целевой атрибут для настройки, со значениями, такими как _self (Self Overwrite, по умолчанию), _blank (создать новое окно, чтобы открыть новую страницу), _top (открыть во всем окне браузера, все структуры кадров будут проигнорированы) и _parent (открыть в предыдущем окне).
- Примечание: методы _top и _parent используются для страниц кадров, и в следующих главах есть подробные объяснения.
4.5.3. Добавьте текст приглашения к ссылкеВо многих случаях текста гиперссылки недостаточно, чтобы описать контент, который будет связан. Тег Hyperlink предоставляет атрибуты заголовка для облегчения подсказок для зрителей. Значение атрибута заголовка - это быстрый контент. Содержание приглашения появится, когда курсор браузера останется на гиперссылке, что не повлияет на аккуратность макета страницы. Измените файл веб -страницы A.HTM и напишите код, как показано в коде 4.19.
Код 4.19 Настройки гиперссылки: A.HTM
<html>
<голова>
<title> Настройки гиперссылок </title>
</head>
<тело>
<font size = 5>
<a href = ul_ol.htm target = _blank title = hello Reader, то, что вы видите сейчас, - это текст приглашения. Нажмите на эту ссылку, чтобы перейти на страницу ul_ol.htm. > Введите страницу настроек списка </a>
</font>
</body>
</html>
Введите http: //localhost/a.htm в адресной панели браузера, и эффект просмотра показан на рисунке 4.20.
Рисунок 4.20 Текст гиперссылки Текст
4.5.4 Что такое якорьМногие веб -статьи имеют много контента, что приводит к длинной странице. Зрители должны постоянно перетаскивать полос прокрутки браузера, чтобы найти нужный контент. Функция якоря гиперссылки может решить эту проблему. Якорь - это якорь, который вытягивается с корабля. После того, как якорь будет сброшен, корабль не будет легко уплыть или потеряться. Фактически, якоря используются для прыжка в разных местах в пределах одной страницы, а в некоторых местах их называют закладками.
Атрибут имени тега гиперссылки используется для определения имени якоря. Одна страница может определить несколько якорей. Через атрибут Href гиперссылки вы можете перейти к соответствующему якору в соответствии с именем. Создайте файл веб -страницы в каталоге D:/ Web/ с именем a_anchor.htm и напишите код, как показано в коде 4.20.
Код 4.20 Анкер гиперссылки: a_anchor.htm
<html>
<голова>
<title> Настройки гиперссылок </title>
</head>
<тело>
<font size = 5>
<a name = top> Вот якорь вверху </a> <br />
<a href =#1> 1 -й </a> <br />
<a href =#2> 2 -й </a> <br />
<a href =#3> 3 -й </a> <br />
<a href =#4> 4 -й человек </a> <br />
<a href =#5> 5 -й </a> <br />
<a href =#6> 6 -й </a> <br />
<h2> Успешные президенты Соединенных Штатов </h2>
● Первый человек (1789-1797) <a name = 1> Это якорь первого лица </a> <br />
Имя: Джордж Вашингтон <br />
Джордж Вашингтон <br />
Родился и умер: 1732-1799 <Br />
Политическая партия :: Федерация <br />
● Второй человек (1797-1801) <a name = 2> Вот якорь второго человека </a> <br />
Имя: Джон Адамс <br />
Джон Адамс <br />
Родился и умер: 1735-1826 <br />
Политическая партия :: Федерация <br />
● Третье лицо (1801-1809) <a name = 3> Вот якорь третьего лица </a> <br />
Имя: Томас Джефферсон <br />
Томас Джефферсон <br />
Родился и умер: 1743-1826 <br />
Политическая партия :: Народная коммунистическая партия <br />
● 4-й пост (1809-1817) <a name = 4> Вот якорь 4-го поста </a> <br />
Имя: Джеймс Мэдисон <br />
Джеймс Мэдисон <br />
Родился и умер: 1751-1836 <br />
Политическая партия: Китайская Народная Республика <br />
● 5-й пост (1817-1825) <a name = 5> Это якорь 5-го поста </a> <br />
Имя: Джеймс Монро <br />
Джеймс Монро <br />
Родился и умер: 1758-1831 <br />
Политическая партия: Китайская Народная Республика <br />
</font>
</body>
</html> l>
Перед тестированием читатели могут видеть из кода 4.20, что тег <a> </a> используется для определения якоря, а имя якоря определяется с атрибутом имени (имя не имеет ограничений и может быть настроено). Ссылка для поиска анкеры использует атрибут href для указания соответствующего имени, а # символ должен быть добавлен перед именем. Введите http: //localhost/a_anchor.htm в адресной строке браузера, и эффект просмотра показан на рисунке 4.21.
Рисунок 4.21 Якорь гиперссылки
Когда зритель нажимает на гиперссылку, страница автоматически прокручивается до позиции якоря имени значения атрибута Href.
- Примечание: метка, определяющая якорь, не обязательно требует конкретного контента, это просто позиционирование.
4.5.5 Ссылки по электронной почте, FTP и TelnetГиперссылки могут дополнительно расширять функции веб -страниц, а более часто используемые соединения по электронной почте, FTP и Telnet. Чтобы выполнить вышеуказанные функции, вам нужно только изменить значение HREF гиперссылки. Формат для отправки электронной почты:
<a href = mailto: адрес электронной почты> Отправить мне электронное письмо </a>
Адрес электронной почты должен быть завершен, например, [email protected].
Как упоминалось ранее, протокол HTTP используется для просмотра веб -страниц, в то время как FTP -сервер подключен протоколом FTP. Формат ссылки следующим образом:
<a href = ftp: // IP -адрес сервера или имя домена> Связанный текст </a>
Разница между ссылками FTP -сервера и веб -ссылками заключается в том, что используемые протоколы различны. FTP требует разрешения входа в систему от администратора сервера. Тем не менее, некоторые серверы FTP можно получить анонимно, получая таким образом некоторые общедоступные файлы. Точно так же сервер, подключенный к протоколу Telnet, также принимает аналогичный метод, формат выглядит следующим образом:
<a href = telnet: // IP -адрес сервера или имя домена> Связанный текст </a>
Протокол Telnet очень мало, и большая часть его используется с протоколом HTTP. Создайте файл веб -страницы в D:/ Web/ Directory с именем mail.htm и напишите код, как показано в коде 4.21.
Код 4.21 Другие настройки для гиперссылок: mail.htm
<html>
<голова>
<Title> Другие настройки для гиперссылок </title>
</head>
<тело>
<font size = 5>
<a href = mailto: [email protected] title = hello Readers, нажмите здесь, чтобы отправить электронное письмо. > Отправьте мне электронное письмо </a> <br />
<a href = ftp: //101.22.25.11 Title = Hello Readers, добро пожаловать на FTP -сервер. > Подключите FTP -сервер </a> <br />
<a href = telnet: //101.22.25.11 Title = Hello Readers, добро пожаловать на сервер Telnet. > Подключить сервер Telnet </a>
</font>
</body>
</html> s
Введите http: //localhost/mail.htm в адресной панели браузера, и эффект просмотра показан на рисунке 4.22.
Рисунок 4.22 Другие настройки для гиперссылок