Главная Учебники по HTML и CSS Статьи про Html Шаблоны сайтов Про Хостинг Заработок Продвижение
Практическое руководство по HTML
Глава 5. За пределами HTML-файла
Связывание
Как уже упоминалось в самом начале, сокращение HTML означает "язык маркировки гипертекстов". Про маркировку мы уже поговорили достаточно. Не пора ли перейти к гипертексту?
Прежде всего, что же такое гипертекст?
В отличие от обыкновенного текста, который можно читать только от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Системы помощи многих популярных программных продуктов устроены именно по гипертекстовому принципу.
При нажатии левой кнопкой мыши на некоторый выделенный фрагмент текущего документа происходит переход к некоторому заранее назначенному документу или фрагменту документа.
В HTML переход от одного фрагмента текста к другому задается с помощью метки вида:
В качестве параметр [адрес перехода] может использоваться несколько типов аргументов. Самое простое — это задать имя другого HTML-документа, к которому нужно перейти. Например:
Такой фрагмент HTML-текста приведет к появлению в документе выделенного фрагмент Перейти к оглавлению , при нажатии на который в текущее окно будет загружен докумен bookhtml.html .
Обратите внимание:если в адресе перехода не указан каталог, переход будет выполнен внутри текущего каталога. Если в адресе перехода не указан сервер, переход будет выполнен на текущем сервере. Из этого следует одно очень важное практическое соображение. Если Вы подготовили к публикации некоторую группу HTML-документов, которые ссылаются друг на друга только по имени файла и находятся в одном каталоге на Вашем компьютере, вся эта группа документов будет работать точно так же, если ее поместить в любой другой каталог на любом другом компьютере, на локальной сети или... на Интернет!
Таким образом, у Вас появляется возможность разрабатывать целые коллекции документов без подключения к Интернет, и только после окончательной готовности, подтвержденной испытаниями, помещать коллекции документов на Интернет целиком. На практике, однако, часто бывает необходимо дать ссылку на документ, находящийся на другом сервере. Например, если Вы хотите дать ссылку на это руководство со своей странички, Вам придется ввести в свой HTML-документ примерно такой фрагмент:
При необходимости можно задать переход не просто к некоторому документу, но и к определенному месту внутри этого документа. Для этого необходимо создать в документе, к которому будет задан переход, некоторую опорную точку, ил анкер .
Разберем это на примере. Допустим, что необходимо осуществить переход из файл 1.htm к словам "Переход закончен"в файл 2.htm (файлы находятся в одном каталоге).
Прежде всего, необходимо создать вот такой анкер в файл 2.htm :
Слова "Переход закончен"при этом никак не будут выделены в тексте документа. Затем в файл 1.htm (или в любом другом)можно определить переход на этот анкер:
Кстати говоря, переход к этому анкеру можно определить и внутри самого документ 2.htm — достаточно только включить в него вот такой фрагмент:
<A HREF="#AAA">Переход к анкеру AAA</A>
На практике это очень удобно при создании больших документов. В начале документа можно поместить оглавление, состоящее из ссылок на анкеры, расположенные в заголовках разделов документа. Во избежание недоразумений рекомендуется задавать имена анкеров латинскими буквами. Следите за написанием имен анкеров:большинство браузеров отличают большие буквы от маленьких. Если имя анкера определено ка AAA , ссылка на анке aaa ил AaA не выведет Вас на анке AAA , хотя документ, скорее всего, будет загружен корректно.
Пока что мы обсуждали только ссылки на HTML-документы. Однако возможны ссылки и на другие виды ресурсов:
Такая ссылка, если ей воспользоваться, запустит протокол передачи файлов и начнет выгрузку файл file.ext , находящегося в каталог directory на сервер server , на локальный диск пользователя
Если пользователь совершит переход по такой ссылке, у него на экране откроется окно ввода исходящего сообщения его почтовой программы. В строк To: ("Куда")окна почтовой программы будет указан user@mail.box . Разберем все, что мы знаем о связывании, с помощью примера 7
Изображения в HTML-документе
Встроить изображение в HTML-документ очень просто. Для этого нужно только иметь это самое изображение в формате GIF (файл с расширение *.gif )или JPEG (файл с расширение *.jpg ил *.jpeg )и одну строчку в HTML-тексте. Допустим, нам нужно включить в документ изображение, записанное в фай picture.gif , находящийся в одном каталоге с HTML-документом. Тогда строчка будет вот такая:
Метк <IMG SRC="[имя файла]"> может также включать атрибу ALT="[текст]" , например:
<IMG SRC="picture.gif" ALT="Картинка">
Встретив такую метку, браузер покажет на экране текс Картинка и начнет загружать на его место картинку из файл picture.gif . Атрибу ALT может оказаться необходимым для старых браузеров, которые не поддерживают изображений, а также на случай, если у браузера отключена автоматическая загрузка изображений (при медленном подключении к Интернет это делается для экономии времени). Файл, содержаций изображение, может находиться в другом каталоге или даже на другом сервере. В этом случае стоит указать его полное имя (см. разде "Связывание" ). Разберем все, что мы знаем об изображениях, с помощью примера 8
Обратите внимание на вторую часть примера. Если ссылка на изображение находится между меткам <A HREF="..."> </A> , изображение фактически становится кнопкой, при нажатии на которую происходит переход по ссылке (в примере 8 переход происходит на оглавление Руководства)
К предыдущей главе| К оглавлению|К следующей главе
Николай Чувахин, адрес электронной почты nc@iname.com , сервер Интернет http://www.yi.com/home/ChuvakhinNikolai/ .