Главная   |   Обсудить в Форуме   |   Гостевая  |   Письмо Мастеру      Назад...  |  Уроки для начинающих >> Урок 4  |   Сделать стартовой     

Найти: на:
 

Урок 4. Гипертекст.


Про маркировку текста мы уже поговорили достаточно. Но пора перейти к гипертексту.

Прежде всего, что же такое гипертекст? В отличие от обыкновенного текста, который можно читать только от начала к концу, гипертекст позволяет осуществлять переход от одного фрагмента текста к другому. Вы наверное сталкивались с подобными вещами в интернет или некоторых справочных системах. При клике мышкой на некоторый выделенный фрагмент текущего документа происходит переход к другому заранее определенному документу или фрагменту текущего документа.

В HTML переход от одного фрагмента текста к другому задается с помощью тега вида:

<A HREF="URL">выделенный фрагмент текста</A>

URL - адрес документа.
Выделенный фрагмент текста - фрагмент текста, кликнув мышкой по которому произойдет переход на документ находящийся по адресу URL.

В качестве URL может быть например:

<A HREF="my.htm">Моя страница</A> - Кликнув на "Моя страница" загрузится файл "my.htm" из текущей директории
<A HREF="aaa\my.htm">Моя страница</A> - Кликнув на "Моя страница" загрузится файл "my.htm" из поддиректории "aaa"
<A HREF="http:\\www.xyz.com\ааа\my.htm">Моя страница</A> - Кликнув на "Моя страница" загрузится файл "my.htm" c сервера "http:\\www.xyz.com" из директории "ааа"

Из всего этого следует то, что Вы можете разрабатывать много ссылающихся друг на друга документов у себя на компьютере не подключаясь к интернет. И если все хорошо работает у Вас на компьютере, то также хорошо будет работать на сервере. Обязательно проследите, чтобы пути совпадали у Вас на компьютере и на сервере, или делайте так, чтобы все ссылающиеся ваши htm файлы лежали в одной директории. При необходимости можно задать переход не просто к некоторому документу, но и к определенному месту внутри этого документа. Для этого необходимо создать в документе, к которому будет задан переход, некоторую опорную точку, или анкер.


Разберем это на следующем примере.

Допустим, что необходимо осуществить переход из файла my.htm к словам "раздел 2" в файле "my1.htm" (файлы находятся в одном каталоге). Прежде всего, необходимо создать вот такой анкер в файле "my1.htm":

<A NAME="1">раздел 2</A>

Слова "раздел 2" никак не выделяются в тексте документа.

Затем в файле "my.htm" можно определить переход на этот анкер:

<A HREF="my1.htm#1">Переход к анкеру 1</A>

Кстати говоря, переход к этому анкеру можно определить и внутри самого документа "my1.htm". Для этого достаточно только включить в него вот такой фрагмент:

<A HREF="#1">Переход к анкеру 1</A>

На практике это очень удобно при создании больших документов. В начале документа можно поместить оглавление, состоящее из ссылок на анкеры, расположенные в заголовках разделов документа.

Для того, чтобы различные броузеры понимали анкеры правильно задавайте их только цифрами, и не будете иметь никаких проблем.

Что делать если надо скачать файл с сервера и сохранить его на диске? Следующий фрагмент HTML продемонстрирует эту возможность.

<A HREF="ftp://aaa.bbb.com/ccc/my.zip">скачать файл my.zip</A>

Такая ссылка, если ей воспользоваться, запустит протокол передачи файлов и начнет скачивание файла "my.zip", находящегося в каталоге "ccc" на сервере "aaa.bbb.com", на локальный диск пользователя.

<A HREF="mailto:aaa@bbb.com">Послать письмо aaa@bbb.com</A>

Если пользователь совершит переход по такой ссылке, у него на экране откроется окно ввода исходящего сообщения его почтовой программы. В строке "To: ("Куда")" окнапочтовой программы будет указано "aaa@bbb.com"

Соберем все, что мы знаем о ссылках в примере 6.

<html>
<head>
<title>Шестой HTML-документ</title>
</head>
<body>
<H1 ALIGN=CENTER>Гипертекст в HTML</H1>
<P><A HREF="my.htm">переход к файлу my.htm</A></P>
<P><A HREF="ftp://aaa.bbb.com/ccc/my.zip">скачать файл my.zip</A></P>
<P><A HREF="mailto:aaa@bbb.com">Послать письмо aaa@bbb.com</A></P>
</body>
</html>

Урок 3    Содержание    Урок 5



FORUMЕСТЬ ВОПРОСЫ? ЗАХОДИТЕ НА HTML-ФОРУМ!
Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!

 
 
Уроки для начинающих

CSS2

JavaScript

CGI

Фильтры

Материалы для Web

Банерный обмен

Справочная информация
    HTML - СЛОВАРЬ
    CSS - СЛОВАРЬ
    СИМВОЛЬНЫЙ НАБОР
    ТЕРМИНЫ

Гостевая книга

Форум
 
©2003 Web-строительство и дизайн
Армавир
Email: webstroymast@narod.ru.

Hosted by uCoz