Чтобы отредактировать основные параметры ссылки, надо открыть диалоговое окно Свойства ссылки. Для этого выделите текст ссылки или изображение-ссылку и выполните одно из указанных ниже действий:
- Нажмите кнопку
Ссылка на панели инструментов Nvu.
- Дайте команду Вставка => Ссылка.
- Выберите команду Свойства ссылки… из контекстного меню ссылки.
- Дважды щелкните левой кнопкой мыши.
Удаление и прерывание ссылок
Чтобы удалить ссылку, выполните следующие действия:
- Выделите текст ссылки или изображение-ссылку.
- Дайте команду Формат => Убрать ссылки. При этом текст или изображение сохранятся, однако перестанут быть ссылками.
Если вы вводите текст, поместив курсор внутрь ссылки или в ее конец, вводимый текст также будет ссылкой. Чтобы прервать ссылку и вводить текст, который не является ее частью:
- Установите курсор в том месте, где вы хотите чтобы ссылка закончилась.
- Дайте команду Формат => Прервать ссылку.
Редактирование якорей
Чтобы отредактировать основные параметры ссылки, надо открыть диалоговое окно Свойства якоря с именем. Для этого выделите значок якоря и
выполните одно из указанных ниже действий:
- Нажмите кнопку
Якорьна панели инструментов Nvu.
- Дайте команду Вставка => Якорь с именем.
- Выберите команду Свойства якоря с именем … из контекстного меню значка якоря.
- Дважды щелкните левой кнопкой мыши.
Удаление якорей
Чтобы удалить якорь, выделите значок якоря и выполните одно из следующих действий:
- Дайте команду Формат => Удалить якоря с именами.
- Выберите команду Удалить якоря с именами из контекстного меню значка якоря.
- Нажмите клавишу Delete.
Задание 10. В файле Пример рисунка создайте якорь в начало страницы и создайте ссылку на него с текстом в начало (рис. 47). Создайте новую страницу Мои работы со ссылками на созданные ранее файлы и сайт в Интернете (рис. 48).
Предусмотрите относительный адрес на локальные файлы и открытие всех ссылок в отдельном окне.
Рис. 47.
Фрагмент получаемого кода:
<body>
<a name=”begin”></a><br>
<h1><img title=”цветок”
style=”border: 2px solid ; width: 200px; height: 150px;”
alt=”гортензия” src=”images/Hydrangeas.jpg”
align=”middle” hspace=”10″ vspace=”10″>Гортензия</h1>
<p>
Гортензии – …..</p>
<p><a href=”#begin” target=”_blank”>в начало</a></p>
</body>
Должен получится следующий код:
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta content=”text/html; charset=Windows-1251″ http-equiv=”content-type”>
<title>гиперссылки</title>
</head>
<body>
<h1>Мои работы</h1>
<ol>
<li><a href=”primer1.html” target=”_blank”>Форматирование текста.</a></li>
<li><a target=”_blank” href=”pr_table.html”>Создание таблиц.</a></li>
<li><a target=”_blank” href=”pr_pic.html”>Работа с изображениями.</a></li>
<li>Источник <a target=”_blank”
href=”http://personcomp.ru”>http://personcomp.ru</a></li>
</ol>
</body>
</html>