Оглавление: Раздел 1. Введение: теги, HTML документ. Раздел 2. Выделение текста - физические и логические стили. Раздел 3. Форматирование текста. Раздел 4. Ссылки. Раздел 5. Рисунки. Раздел 6. Цвет фона и текста. Шрифты. Раздел 7. Таблицы. Раздел 8. Списки. Раздел 9. Последовательности, комментарии. Раздел 10. Изображения-карты (image maps). Раздел 11. Звук на сайте. Раздел 12. Каскадные таблицы стилей. Раздел 13. Фреймы. Раздел 4Тема: ссылки.Ссылки - инструмент, позволяющий связывать между собой различные документы. Браузер обычно
выделяет ссылку цветом и/или подчеркиванием. Описывается ссылка следующим образом: <A HREF="filename.htm"> - на документ "filename.htm", находящийся в
одном каталоге с текущим документом; В абсолютной ссылке указывается полный путь к файлу: <A HREF="http://www.fortunecity.com/business/fax/339/index.htm"> Относительные ссылки удобнее. Они не привязаны к конкретной структуре каталогов, т.е. вы можете создать свой сайт на компьютере, тестировать и исправлять ошибки не подключаясь к Интернет. И лишь после полной готовности перенести его на сервер, он будет работать так же. Можно делать ссылки внутри документа. Это удобно для перехода к разным главам одной большой статьи. Для этого необходимо создать некую опорную точку - анкер (anchor - якорь,англ.), на которую и будет происходить переход. Разберем это на примере. Допустим, нам надо перейти на начало этого урока. Для чего создадим такой анкер: <A NAME=lesson4>Ссылки</A> При этом слово "Ссылки" в тексте никак выделяться не будет. Теперь в тексте можем делать ссылку на анкер (и не один раз). Например, так: Нажмите <A HREF="#lesson4">здесь</A> для возврата к началу урока Можете нажать - пример работает! К этому анкеру можно перейти и из другого файла (например, чтобы сделать ссылку к конкретному уроку 4, а не урокам HTML вообще). Тогда ссылка будет выглядеть так: <A HREF="uroki.htm#lesson4"> До сих пор мы рассматривали ссылки на HTML-документы. Однако возможны ссылки и на другие виды ресурсов: <A HREF="ftp://servername/directory/file.ext"> Такая ссылка запустит протокол передачи файлов и произведет выгрузку файла "file.ext" из директории "directory" сервера "servername" на жесткий диск пользователя (download). Еще один вид ссылки - ссылка на почтовый ящик. Выглядит в тексте: Пишите письма <A HREF="mailto:Has5@mail.ru">автору</A> В окне браузера: Пишите письма автору А это то же самое (ссылка на почтовый ящик), но с использованием аттрибута TITLE. В тексте: Пишите письма <A HREF="mailto:Has5@mail.ru" TITLE="Ссылка на почтовый ящик Администратора сайта">автору</A> В окне браузера: Пишите письма автору Попробуйте навести курсор на "автора". Внимание! Браузеры чувствительны к регистру ссылок. Если вы вместо "http://webs.web.com" наберете "http://webs.Web.com", то получите нерабочую ссылку. Та же ситуация и с расширениями: если у вас ссылка на файл "index.htm", а там находится "index.html", то результат тот же - нерабочая ссылка. |