Тэг <BASEFONT>
Тэг <BASEFONT> используется для указания размера, типа и цвета шрифта,
используемого в документе по умолчанию. Эти значения обязательны для
всего документа, однако могут в нужных местах переопределяться с помощью
тэга <FONT>. После закрывающего тэга </FONT> действие тэга <BASEFONT> вос-
станавливается. Значения параметров шрифтов, используемых по умолча-
нию, могут неоднократно переопределяться в документе, т. е. тэг <BASEFONT>
может появляться в документе любое количество раз.
( Примечание )
Тэг <BASEFONT> может появляться также и в разделе <HEAD> документа.
Заметим, что для тэга <BASEFONT> не существует закрывающего тэга.
В качестве параметров могут использоваться точно такие же параметры, что
и для тэга <FONT>, а именно: FACE, SIZE и COLOR. Назначение и правила запи-
си параметров аналогичны.
( Примечание j
Браузер Netscape не допускает применение параметра FACE тэга <BASEFONT>.
Приведем пример использования тэга <BASEFONT>.
<HTML>
<HEAD>
<Т1ТЬЕ>Назначение размеров шрифтов</Т1ТЬЕ>
</HEAD>
<BODY>
Текст, записанный шрифтом по умолчанию.
<BASEFONT SIZE=2>
<Р>
Шрифт размера 2 .
<BASEFONT SIZE=4>
Шрифт размера 4 .
<TABLE BORDER=1>
<TR>
<ТО>Текст внутри ячейки таблицы</ТО>
</TR>
</TABLE>
Текст после таблицы
</BODY>
</HTML>
В приведенном примере дважды переопределяется размер шрифта, исполь-
зуемого по умолчанию. Изначально он равен 3 (по умолчанию). Затем уста-
навливается равным 2, далее — 4.
Форматирование HTML-документа
Разделение на абзацы
Любые тексты, будь то школьное сочинение, заметка в газете или техниче-
ское описание устройства имеют определенную структуру. Элементами та-
кой структуры являются заголовки, подзаголовки, таблицы, абзацы и др.
Одним из первых правил составления практически любых документов явля-
ется разбиение его текста на отдельные абзацы, выражающие законченную
мысль. HTML-документы не являются исключением из этого правила. При
создании документов с помощью текстовых редакторов разбиение на абзацы
выполняется вводом символа перевода строки. Большинство редакторов
реализует это при нажатии клавиши <Enter>. В HTML-документах символы
перевода строки не приводят к образованию нового абзаца.
Язык HTML предполагает, что автор документа ничего не знает о компью-
тере своего читателя. Читатель вправе установить любой размер окна и
пользоваться любым из имеющихся у него шрифтов. Это означает, что место
переноса в строке определяется только программой просмотра и установка-
ми конечного пользователя. Поскольку символы перевода строки ориги-
нального документа игнорируются, то текст, отлично смотревшийся в окне
редактора автора документа, может превратиться в сплошной неудобочитае-
мый текст в окне программы просмотра.
Избежать этой неприятности позволяет применение специального тэга раз-
деления на абзацы <р>. Перед началом каждого абзаца текста следует помес-
тить тэг <Р>. Закрывающий тэг </р> не обязателен. Браузеры обычно отде-
ляют абзацы друг от друга пустой строкой.
Примечание
Браузеры обычно интерпретируют несколько стоящих подряд тэгов абзаца <Р>
как один. То же самое относится и к тэгу перевода строки <BR>. Поэтому соз-
дать несколько пустых строк при помощи этих тэгов не удается.
Тэг <Р> может задаваться с параметром горизонтального выравнивания
ALIGN. Возможные значения параметра приведены в табл. 1.4. По умолчанию
выполняется выравнивание по левому краю.
Таблица 1.4. Значения параметра ALIGN
Значение параметра ALIGN Действие
LEFT Выравнивание текста по левой границе окна брау-
зера
CENTER Выравнивание по центру окна браузера
Значение параметра ALIGN Действие
RIGHT Выравнивание по правой границе окна браузера
JUSTIFY Выравнивание по ширине (по двум сторонам)
Заметим, что выравнивание по ширине (ALIGN = JUSTIFY) долгое время не
поддерживалось браузерами. Во многих описаниях языка HTML для значе-
ний параметра выравнивания указывается только три варианта (LEFT, CENTER
и RIGHT). В настоящее время все популярные браузеры умеют выполнять вы-
равнивание по ширине. Некоторые проблемы создания документов с вы-
равниванием по ширине рассмотрены также в главе 8.
( Примечание ^
Отсутствие выравнивания по ширине в настоящее время кажется удивитель-
ным. Этот режим применяется очень часто для печатных изданий. Достаточно
взять в руки любую газету или внимательно присмотреться к абзацам данной
книги— все они выровнены по ширине. Однако для HTML-документов до по-
следнего времени выравнивание по ширине не допускалось. Всего лишь пару
лет назад ни один браузер не имел такого режима. Так, читатели, до сих пор
использующие браузер Netscape версии 3.x, не смогут увидеть ровные строчки
в документе. Можно попытаться предугадать, какие же еще возможности по-
явятся в будущем у браузеров, сравнив возможности мощных текстовых редак-
торов и современных браузеров. Примером не реализованных пока возмож-
ностей может являться автоматическая расстановка переносов и пр.
Перевод строки
При отображении текстовых документов в браузере место переноса строки в
пределах абзаца определяется автоматически в зависимости от размера
шрифтов и размера окна просмотра. Перенос строки может осуществляться
только по символам-разделителям слов (например, пробелам). Иногда в до-
кументах требуется задать принудительный перевод строки, реализующийся
независимо от параметров настроек браузера. Для этого служит тэг при-
нудительного перевода строки <вк>, который не имеет соответствующего
закрывающего тэга. Включение тэга <вк> в текст документа обеспечит раз-
мещение последующего текста с начала новой строки. Например, такой
подход может использоваться для создания структур типа списков без ис-
пользования специальных тэгов разметки списка. Или, например, без дан-
ного тэга не обойтись для отображения стихотворений и т. п.
Приведем пример использования принудительного перевода строки (рис. 1.8):
<HTML>
<HEAD>
<Т1ТЬЕ>Использование принудительного перевода CTpoKM</TITLE>
</HEAD>
<BODY>
Над омраченным Петроградом<ВК>
Дышал ноябрь осенним хладом. <BR>
Плеская шумною волной<ВК>
В края своей ограды стройной, <BR>
Нева металась, как больной<ВЮ>
В своей постеле беспокойной.
<С1ТЕ>А. С. Пушкин. Медный всадник</С1ТЕ>
</BODY>
</HTML>
В отличие от тэга абзаца <р> при использовании тэга <вк> не будет образо-
вана пустая строка.
Использование тэга <BR> требует осторожности — возможна ситуация, когда
браузер уже сделал перевод строки за одно-два слова до того, как встретил
ваш тэг <BR>. Это бывает в случае, если ширина окна программы просмотра
читателя меньше, чем тот же параметр программы, с помощью которой вы
тестировали ваш документ. При этом может получиться, что в строке посре-
ди абзаца останется только одно слово, нарушая тем самым красоту компо-
новки документа.
С Примечание ^
При использовании тэга <BR> для разбивки текста, обтекающего изображения
или таблицы, можно задавать параметр CLEAR, прекращающий обтекание текста.
Об этом можно прочитать в главах 3 и 4.
Тэги <NOBR> и <WBR>
Бывают ситуации, когда требуется выполнить операцию противоположного
назначения — запретить перевод строки. Для этого существует тэг-контей-
нер <NOBR>. Текст, размеченный этим тэгом, будет гарантированно распола-
гаться в одной строке, независимо от ее длины. Если при этом получающая-
ся строка будет выходить за пределы окна просмотра браузера, то по-
явится горизонтальная полоса прокрутки.
Примечание
Для обеспечения неразрывности текста, располагаемого в ячейках таблиц, су-
ществует специальный параметр NOWRAP тэга <то>. Об этом можно узнать
в главе 4.
Размечая текст с помощью тэга неразрывной строки <NOBR> можно получить
очень длинные строки. Чтобы этого избежать, можно указать браузеру чита-
теля место возможного перевода строки, что будет выполнено только при
необходимости (так называемый "мягкий" перевод строки). Это можно осу-
ществить, поставив в нужном месте текста тэг <WBR> (Word BReak), который
так же, как и тэг <BR>, не нуждается в закрывающем тэге.
( Примечание ^
Тэг <WBR> вообще не поддерживается браузером Netscape. Браузер Microsoft
Internet Explorer распознает этот тэг только в тексте, размеченном тэгами
<NOBR>.
Заголовки внутри HTML-документа
Наряду с названием всего документа, на Web-странице могут использоваться
заголовки для отдельных частей документа. Эти заголовки могут иметь
шесть различных уровней (размеров) и представляют собой фрагменты тек-
ста, которые выделяются на экране при отображении страницы браузером.
Для разметки заголовков используются тэги <HI>, <Н2>, <нз>, <Н4>, <нз>
и <нб>. Эти тэги требуют соответствующего закрывающего тэга. Заголовок
с номером 1 является самым крупным (заголовок верхнего уровня), а с но-
мером 6 — самым мелким. Тэги заголовка являются элементами уровня
блока, поэтому с помощью них нельзя размечать отдельные слова текста для
увеличения их размера. При использовании тэгов заголовков осуществляет-
ся вставка пустой строки до и после заголовка, поэтому тэгов абзаца или
перевода строки здесь не требуется.
Тэги заголовков могут задаваться с параметром горизонтального выравнива-
ния ALIGN. Возможные значения параметра совпадают с параметрами вырав-
нивания тэга абзаца <р> (см. табл. 1.4).
Пример использования заголовков разного уровня с различным выравнива-
нием (рис. 1.9):
<HTML>
<HEAD>
<Т1ТЬЕ>Примеры заголовков</Т1ТЬЕ>
</HEAD>
<BODY>
<Н1>Заголовок размера 1</Н1>
<Н2>Заголовок размера 2</Н2>
<НЗ АЫСЫ=СЕЫТЕК>Заголовок размера 3</НЗ>
<Н4 АЫСЫ=К1СНТ>Заголовок размера 4</Н4>
<Н5>Заголовок размера 5</Н5>
<Нб>Заголовок размера 6</Н6>
Основной текст документа
</BODY>
</HTML>
Горизонтальные линии
Другим методом разделения документа на части является проведение гори-
зонтальных линий. Они визуально подчеркивают законченность той или
иной области страницы. Сейчас часто используют рельефную, вдавленную
линию, чтобы обозначить "объемность" документа.
Тэг <HR> позволяет провести рельефную горизонтальную линию в окне
большинства программ просмотра. Этот тэг не является контейнером, по-
этому не требует закрывающего тэга. До и после линии автоматически
вставляется пустая строка. Параметры тэга <нк> представлены в табл. 1.5.
Таблица 1.5. Параметры тэга <HR>
Параметр тэга <нк> Назначение
ALIGN Выравнивает по краю или центру; имеет значения LEFT,
CENTER, RIGHT
WIDTH Устанавливает длину линии в пикселах или процентах от
ширины окна браузера
SIZE Устанавливает толщину линии в пикселах
NOSHADE Отменяет рельефность линии
COLOR Указывает цвет линии. Используется формат RGB или
стандартное имя
Пример:
<HR ALIGN=CENTER WIDTH=50% NOSHADE>
В этом примере задается горизонтальная линия, которая занимает половину
ширину окна просмотра и располагается посередине окна. Заметим, что па-
раметры выравнивания имеют смысл только тогда, когда линия занимает не
всю ширину окна.
( Примечание )
Браузер Netscape не позволяет использовать параметр COLOR тэга <нк>.
Использование
предварительно отформатированного текста
Как видно в приведенных выше разделах, для разбивки текста по абзацам и
обеспечения принудительного перевода строки следует пользоваться специ-
альными тэгами. Однако бывают случаи, когда в HTML-документ необхо-
димо включить текст, уже имеющий форматирование, выполненное тради-
ционным способом при помощи символов перевода строки, необходимого
количества пробелов, символов табуляции и т. д. Для решения таких задач
предусмотрен специальный тэг-контейнер <PRE>, определяющий предвари-
тельно форматированный ^реформатированный) текст.
Текст, размеченный тэгом <PRE>, будет отображаться в таком виде, как он
выглядит в обычном текстовом редакторе. Для отображения всегда будет
использоваться моноширинный шрифт. При этом вы сможете в большей
степени контролировать вывод документа программой просмотра, правда, за
счет некоторой потери в гибкости.
Одним из вариантов использования этого тэга являются таблицы, построен-
ные без применения специальных тэгов разметки таблиц. Другим важным
применением является вывод на экран больших блоков программного кода
(Java, C++ и т. п.), не позволяющий браузеру переформатировать их.
Текст внутри контейнера <PRE> может содержать элементы форматирования
уровня текста, кроме следующих: <IMG>, <OBJECT>, <APPLET>, <BIG>, <SMALL>,
<SUB>, <SUP>, <FONT>, <BASEFONT>. Недопустимо внутри преформатированного
текста задавать элементы форматирования уровня блока, например, тэги
заголовков. Тэг абзаца по логике вещей также не должен встречаться внутри
преформатированного текста, однако если встречается, то будет реализовы-
вать переход на новую строку (без образования пустой).
( Примечание ~~)
Тэг <PRE> имеет необязательный параметр WIDTH, назначение которого — ука-
зывать браузеру максимальную длину строки преформатированного текста.
В зависимости от этого значения браузер мог бы подобрать нужный шрифт
и/или отступ для оптимального отображения преформатированного текста.
В качестве значения по умолчанию предлагалось использовать 80. Другими ре-
комендованными значениями являются 40 и 132. Заметим, что читателям,
имеющим значительный опыт работы со средствами вычислительной техники,
эти числа говорят о многом. На деле же современные браузеры игнорируют
значение параметра WIDTH.
Существуют еще несколько тэгов, решающих близкую по смыслу задачу.
К НИМ ОТНОСЯТСЯ ТЭГИ <ХМР>, <PLAINTEXT> И <LISTING>. Все ТрИ уПОМЯНуТЫХ
тэга в спецификации HTML 4.0 отмечены как устаревшие. Это означает, что
в будущих версиях браузеры прекратят их поддержку. Вместо этих тэгов ре-
комендуется использовать тэг <PRE>.
Тэг <DIV>
Тэг-контейнер <DIV> является элементом уровня блока, служащим для вы-
деления фрагмента документа. Целью этого выделения является управление
параметрами данного фрагмента, которое обычно выполняется с помощью
назначения стилей. Приведем пример:
<DIV STYLE="color: green">
(Фрагмент документа)
В этом примере фрагмент HTML-документа обрамляется тэгами <DIV> и
</DIV> для задания некоторых его свойств. В данном случае все текстовые
элементы выделенного фрагмента будут отображаться зеленым (green) цве-
том. Аналогом тэга <DIV> уровня текста является элемент <SPAN>.
Заметим, что непосредственное назначение стилевых свойств отдельного
фрагмента так, как это сделано в примере, использовать не желательно в
соответствии с концепцией разделения структуры документа и его представ-
ления. Следует использовать таблицы стилей, речь о которых пойдет во вто-
рой части книги.
Тэг <CENTER>
Тэг-контейнер <CENTER> предназначен для горизонтального выравнивания
всех элементов посередине окна просмотра браузера. Он имеет уровень блока
и его полезно использовать для центрирования таких элементов, как, на-
пример, таблиц, так как они не могут быть центрированы назначением
ALIGN=CENTER ТЭГЗ <TABLE>.
По существу тэг <CENTER> является краткой формой следующей записи: <DIV
ALIGN=CENTER>. Дальнейшее использование тэга <CENTER> по причинам, отме-
ченным в предыдущем разделе, также нежелательно.
Включение комментариев в документ
В HTML-документ можно включать комментарии, которые не будут видны
читателю. Они могут состоять из произвольного числа строк и должны на-
чинаться тэгом <!— и заканчиваться тэгом —>. Все, что заключено внутри
этих тэгов, при просмотре страницы не будет отображаться на экране.
Комментарии обычно используются авторами документа для заметок, пред-
назначенных только для собственного использования. Заметим, что текст
комментариев не отображается на экране браузера, однако передается вместе
с документом и вполне может быть просмотрен читателями. Большинство
браузеров предоставляют возможность просмотра исходного кода документа.
Поэтому не следует включать в комментарии информацию, не предназначен-
ную для чужих глаз. Это замечание может оказаться важным для разработ-
чиков-программистов, привыкших писать комментарии в своих программах.
Дело в том, что комментарии в программах, написанных на большинстве
языков программирования, не попадают в результирующий код программы,
получаемый в результате ее компиляции. Исходные же коды программ
обычно хранятся только у авторов. Для языка же HTML нет понятия ком-
пиляции.
Комментарии в HTML применяются также для того, чтобы "спрятать" от
браузера скрипты в случае, если он не в состоянии распознать их. Этот во-
прос освещается во второй части книги.
Существует еще один тэг-контейнер для записи комментариев — <COMMENT>.
Этот тэг используется редко, поскольку поддерживается только браузером
Microsoft Internet Explorer. Некоторые проблемы использования этого тэга
рассматриваются в главе 8.
Тэг <BLOCKQUOTE>
Бывают случаи, когда в текст HTML-документа необходимо включить ка-
кую-либо длинную цитату. Для выделения цитат из основного текста суще-
ствует тэг <BLOCKQUOTE>. Он является контейнером и может содержать любые
тэги форматирования.
В отличие от тэга <Q>, предназначенного для выделения коротких цитат в
строке текста, <BLOCKQUOTE> является тэгом уровня блока. Текст, размечен-
ный данным тэгом, при отображении отделяется от основного текста пус-
тыми строчками и, как правило, выводится с небольшим отступом вправо.
Примечание
Иногда полезно знать не только назначение тэга, но и принципы его реализа-
ции браузерами. Так, по существу единственное действие, которое выполняют
браузеры, встретив тэг <BLOCKQUOTE>, заключается в отделении текста пусты-
ми строками и сдвиге его вправо. Эти сведения позволяют использовать дан-
ный элемент не только по прямому назначению, но и просто для тех случаев,
когда требуется отобразить фрагмент текста с отступом. Конечно, это нарушает
логику структурирования документа, однако на деле такой подход часто приме-
няется. В частности, редактор HTML-документов Netscape Composer, входящий
в состав пакета Netscape Communicator, имеет в панели инструментов кнопки
"увеличить отступ" и "уменьшить отступ". Каждое нажатие кнопки увеличения
отступа реализуется путем обрамления выделенного текста парой тэгов
<BLOCKQUOTE> и </BLOCKQUOTE>. Просматривая в дальнейшем исходный HTML-
код созданного таким путем документа, можно долго вспоминать, что же вы там
цитировали.
Тэг <ADDRESS>
Тэг <ADDRESS> применяется для идентификации автора документа и для ука-
зания адреса автора. Сюда же обычно помещаются сведения об авторских
правах. Этот элемент располагается либо в начале, либо в самом конце до-
кумента.
Часто в этом элементе указывают дату создания и последнего обновления
документа. Это позволяет читателям определить, знакомились ли они ранее
с версией, которую просматривают.
Текст, заключенный между этими тэгами, обычно показывается браузерами
курсивом.
Специальные символы
Некоторые специальные символы не входят в базовую часть таблицы кодов
ASCII. К ним относятся буквы алфавитов части европейских языков, мате-
матические и некоторые другие символы. Некоторые символы, непосредст-
венно введенные в HTML-документ, будут интерпретированы не так, как
задумал автор. К ним относятся символы "<" и ">", обычно используемые
для указания тэгов языка.
В таких случаях можно вводить нужные символы в ваш HTML-документ
при помощи специальных кодов. Эти коды состоят из символа амперсанда
(&) и следующим за ним именем символа или его десятичным или шестнад-
цатеричным значением. Заканчиваться специальный символ должен знаком
"точка с запятой".
В спецификации HTML приводятся целые таблицы со специальными сим-
волами и их значениями. На сегодняшний день браузеры распознают лишь
небольшое количество специальных символов, поэтому приводить эти таб-
лицы полностью излишне. Отметим лишь некоторые символы, употребле-
ние которых актуально и обеспечено поддержкой браузеров (табл. 1.6).
Таблица 1.6. Специальные символы HTML
Запись специального символа Назначение
< Знак "меньше"
> Знак "больше"
  Неразрывный пробел
&сору Знак copyright
& Амперсанд
" Знак "кавычки"
Все символами могут быть также заданы своими кодами. Например, символ
неразрывного пробела имеет код 160. Он может записываться в десятичном
виде как  .
Ссылки на другие документы и файлы
Одним из важнейших понятий для HTML-документов являются ссылки.
Само название — HTML, язык разметки гипертекста, указывает на принцип
организации таких документов. Вы, наверное, уже обратили внимание на
ссылки, часто использующиеся в этой книге. Они выполняют ту же роль,
что и ссылки на Web-странице, хотя и далеки от последних с точки зрения
технического совершенства. Они относят вас к разделу книги, который мо-
жет быть полезен именно в данный момент. Без этих ссылок вам бы при-
шлось долго перелистывать книгу в поисках нужной информации.
Значение ссылок в мире Интернета трудно переоценить. Читая книгу, вы
имеете ее всегда под рукой. Работая в Web-пространстве, вы часто понятия
не имеете, где находится та или иная нужная вам страница. Поэтому ссылки
здесь являются единственной возможностью перейти от одного документа
к другому.
Гипертекстовый документ — это документ, содержащий ссылки на другие
документы, позволяющие при помощи нажатия кнопки мыши быстро пере-
мещаться от одного документа к другому. Часто подобные ссылки можно
увидеть и в файлах помощи современных программных продуктов. За осно-
ву гипертекста взят принцип организации энциклопедических словарей,
в которых во многих статьях есть ссылки на другие.
Существует много типов мультимедийных объектов, которые могут быть
размещены на Web-странице. В современных гипертекстовых документах
в дополнение к самому тексту часто используют разнообразную графику,
видео- и аудиообъекты, а в качестве ссылок часто применяют изображения.
Организация ссылок
Ссылка состоит из двух частей. Первая из них — это то, что вы видите на
Web-странице; она называется указатель ссылки (anchor). Вторая часть,
дающая инструкцию браузеру, называется адресной частью ссылки (URL-
адрес). Когда вы щелкаете мышью по указателю ссылки, браузер загружает
документ, адрес которого дается URL-адресом. Ниже рассмотрены правила
построения отдельных элементов ссылок.
Указателем ссылки может быть слово, группа слов или изображение. Внеш-
ний вид ссылки зависит от его типа, способов создания и установок про-
граммы просмотра читателя. Указатели бывают двух типов — текстовые и
графические.
Текстовые указатели обычно представляют собой слово или несколько слов,
выделенных на экране подчеркиванием. Цвет текстового указателя может
регулироваться автором и установками программы просмотра.
Приведем пример записи для текстового указателя ссылки:
<А HREF="example.html">3TOT текст является указателем сскшки</А>
В качестве ссылки можно использовать графическое изображение. По
принципу действия графические ссылки ничем не отличаются от текстовых.
Они не подчеркиваются и не выделяются цветом, а для их выделения брау-
зеры обычно вокруг такого изображения рисуют рамку. Пример графиче-
ского указателя ссылки:
<А HREF="example.html"><IMG SRC="picture.gif "
Более подробно о графических указателях рассказывается в главе 3. Специ-
альные возможности создания изображений, фрагменты которого указывают
на различные документы, подробно описываются в главе 6.
Второй частью ссылки является URL-адрес. Это не что иное, как адрес
Web-страницы, которая будет загружена при щелчке мышью на указателе.
Указание адреса может быть относительным или абсолютным.
Если в URL-адресе не указывается полный путь к файлу, то такая ссылка
называется относительной. В этом случае определение местоположения
файлов выполняется с учетом местоположения документа, в котором имеет-
ся такая ссылка. Например, если браузер загрузил страницу, находящуюся
по адресу http://www.mysite.com/page, то относительный указатель /picture
подразумевает адрес http://www.mysite.com/page/picture, т. е. подкаталог,
расположенный на той же машине.
Примечание
Относительный указатель работает по-другому, если в HTML-документе ис-
пользуется тэг <BASE>. Ниже в данной главе показывается, что в этом случае
указатель дает адрес относительно URL-адреса, определенного в тэге <BASE>.
Относительные указатели удобны в использовании. Намного проще вста-
вить только имя файла, а не весь длинный URL-адрес. Они также позволя-
ют вам перемещать файлы в пределах вашего сервера без больших измене-
ний в межстраничной адресации.
URL-адрес, полностью определяющий компьютер, каталог и файл, называ-
ется абсолютным. В отличие от относительных, абсолютные указатели могут
ссылаться на файлы, расположенные на других компьютерах.
Правила записи ссылок
Для организации ссылки необходимо сообщить браузеру, что является ука-
зателем ссылки, а также указать адрес документа, на который вы ссылаетесь.
Оба действия выполняются при помощи тэга <А>.
Тэг <А>
Тэг <А> имеет единственный параметр HREF, значением которого является
URL-адрес. Указатель может быть как относительным, так и абсолютным,
например, http://www.server.com/home/index.htm. Этот тэг является контей-
нером, поэтому необходимо поставить закрывающий тэг </А>:
<А НКЕГ=ШЪ-адрес>Текстовый указатель ссылки</А>
Указатель ссылки может быть относительным или абсолютным. Для облег-
чения работы с относительными указателями ссылок введен тэг <BASE>. Он
располагается в начале документа в разделе HEAD и содержит URL-адрес,
относительно которого в документе построена вся адресация. Это указание
влияет на любой тэг документа, в котором используется относительная ад-
ресация. Если тэг <BASE> отсутствует, то адресация строится относительно
адреса текущего документа.
Внутренние ссылки
Кроме ссылок на другие документы, часто бывает полезно включить ссылки
на разные части текущего документа. Например, большой документ читается
лучше, если он имеет оглавление со ссылками на соответствующие разделы.
Для построения внутренней ссылки сначала нужно создать указатель, опре-
деляющий место назначения. Например, если вы хотите сделать ссылку на
текст определенной главы документа, нужно разместить там указатель и дать
ему имя при помощи параметра NAME тэга <А>. При этом параметр HREF не
используется, и браузер не выделяет содержимое тэга <А>. Например:
<А NAME=chapter_5> </A>
Обратите внимание, что в приведенном примере отсутствует содержимое
тэга <А>. Обычно именно так и делают, поскольку здесь нет необходимости
как-то выделять текст, а требуется лишь указать местоположение.
После того как место назначения определено, можно приступить к созда-
нию ссылки на него. Для этого, вместо указания в параметре HREF адреса
документа, как это делалось ранее, поместим туда имя ссылки с префиксом
#, говорящим о том, что это внутренняя ссылка.
<А HREF="#chapter_5">rViaBa 5</A>
Теперь, если пользователь щелкнет кнопкой мыши на словах "глава 5",
браузер выведет соответствующую часть документа в окне просмотра.
Ссылки на документы различных типов
Когда пользователь щелкает мышью на ссылке, указывающей на другую
Web-страницу, она выводится непосредственно в окне браузера. Если же
ссылка указывает на документ иного типа, программа просмотра принимает
документ и затем решает, что с ним делать дальше. Следующими действия-
ми браузера могут быть:
П Браузер знает этот тип документа и умеет с ним обращаться. Например,
если вы создали ссылку на графический файл формата GIF и пользова-
тель щелкнул мышью на этой ссылке, его программа просмотра очистит
окно и загрузит указанное изображение. В некоторых случаях браузер
может дополнительно использовать подключаемый программный модуль
(plug-in), без которого задача не была бы решена.
В Браузер не распознает тип принятого документа и не знает, что с ним
делать дальше. В этом случае он обратится к вспомогательным програм-
мам, имеющимся на машине пользователя. Если подходящая программа
найдется, браузер запустит ее и передаст ей полученный документ для
обработки. Например, если пользователь щелкнет на ссылке на видео-
файл формата AVI, браузер загрузит файл, найдет программу для демон-
страции AVI-файлов и запустит ее. Видеофайл будет показан в дополни-
тельном небольшом окне.
Ссылки на другие ресурсы Интернета
Web-пространство является лишь частью сети Интернет. Другие ресурсы
начали свое существование задолго до рождения WWW, поэтому накопили
уже много достойной внимания информации и имеют достаточно большую
аудиторию. Поэтому, разрабатывая свою персональную страницу или доку-
мент, вы, возможно, захотите включить ссылки и на другие ресурсы.
Ресурсы Интернета весьма разнообразны по форме и содержанию. Хотя
HTML предполагает возможность создания своих собственных версий этих
ресурсов с помощью механизма обработки данных форм, есть более простые
пути к взаимодействию с системами UseNet, Telnet, FTP, e-mail и другими.
Например, вы можете создать документ с использованием различных тэгов
форм, текстовых элементов и кнопкой для отправки электронного письма
на ваш адрес. Однако будет намного проще для связи указать лишь свой
адрес электронной почты. В этом случае упрощается обновление страницы,
которое не будет связано с изменениями форм. Кроме того, многие браузе-
ры имеют встроенную поддержку некоторых ресурсов, что дает возможность
сократить время на установление связи с ними.
Используя ранее какой-либо ресурс сети, вы, скорее всего, захотите сохра-
нить эту связь. Если у вас уже работает система Gopher с автоматическим
обновлением информации, нет смысла переделывать его под Web-сайт. Легче
создать ссылку на него с вашей новой Web-страницы.
Самой популярной деятельностью в Интернете является обмен электронны-
ми письмами. Пользователей этого ресурса намного больше, чем любого
другого. Причина очень простая: если вы подключены к Интернету, у вас
обязательно есть свой адрес электронной почты. Большинство современных
программ для обмена электронными сообщениями имеют дружественный
интерфейс и просты в использовании.
Если вас интересует отклик читателей на содержание вашего документа, вы
захотите поместить на странице свой адрес электронной почты. Это может
быть также полезно для сообщений о неработающих ссылках и других про-
блемах, связанных с просмотром вашей страницы.
Создание ссылки на электронную почту так же просто, как и на другую
страницу. Для этого вместо URL-адреса следует указать адрес электронной
почты, предварив его словом mailto:.
<А HREF="mailto:sergeev@mail.if mo.ги">Присылайте ваши отзывы
и предложения</А>.
Эта ссылка не будет ничем отличаться от остальных гипертекстовых ссылок
вашего документа. То же самое можно сказать и о ссылках на другие ресур-
сы Интернета. После щелчка мышью на ссылке на ваш адрес браузер откро-
ет собственное окно для работы с электронной почтой. Интерфейсы могут
быть разными, но большинство программ автоматически вводят в сообще-
ние адрес и имя пользователя и напоминают о необходимости заполнения
строки "Subject".
В заключение приведем пример HTML-кода, в котором используется ряд
тэгов, описанных в данной главе:
<HTML>
<HEAD>
<Т1ТЬЕ>Личная страница Александра Сергеева</Т1ТЬЕ>
</HEAD>
<BODY>
<Н1 ALIGN=CENTER>flo6po пожаловать!</Н1>
<HR>
Основное содержание страницы
<HR>
<ADDRESS>
Последнее обновление выполнено 01 ноября 1999 г.
</ADDRESS>
<А HREF="mailto:sergeev@mail.ifmo.ru">
Присылайте ваши отзывы и предложения</А>
</BODY>
</HTML>
В приведенном примере есть ссылка на электронную почту. При наведении
курсора мыши на указатель данной ссылки этот адрес будет виден в нижней
части окна браузера (рис. 1.11).
Ссылки на другие ресурсы Интернета записываются аналогично. Правила
записи приведены в табл. 1.7.
документа примера в окне браузера
Таблица 1.7. Ссылки на ресурсы Интернета
Ресурсы Интернета
Web-страница
e-mail
Newsgroup
FTP
Gopher
WAIS
TelNet
Формат ссылки
http: //sitename
mailto : address
news : newsgroupname
ftp: //sitename
gopher: //sitename
wais: //sitename
telnet : //sitename
Пример записи ссылки
http: //www.mysite.com/
mailto :me@mysite. com
news : news . newusers . questions
ftp: / / ftp . mys ite.com/
gopher: //gopher .mysite. com/
wais : //wais .mysite . com/
telnet: //bbs. mysite. com/
Прочие тэги
Чтобы полностью охватить весь спектр существующих или использовавших-
ся ранее тэгов языка HTML, в этом разделе лишь упомянем те тэги, описа-
ние которых намеренно не дается на страницах данной книги. В основном
это редко используемые тэги, применение которых в большинстве случаев
ограничивается одним единственным браузером. Тэги такого рода вряд ли
следует рекомендовать к использованию, хотя их разработчики, естественно
будут пропагандировать их, частенько не указывая ограниченности приме-
нения. Возможно, в будущем какие-то из них станут общепринятыми, а мо-
жет быть наоборот, устареют, не приобретя популярности.
Перечисление тэгов в данном разделе преследует единственную цель — от-
разить их существование в указателе, приводимом в конце книги. Тогда чи-
татель, выполняя поиск интересующего его тэга по алфавитному указателю,
попадет на данную страницу.
Тэги, распознаваемые только браузером Netscape:
<LAYER>, <ILAYER>, <MULTICOL>, <KEYGEN>, <SPACER>.
Тэги, распознаваемые только браузером Microsoft Internet Explorer:
<FIELDSET>, <LEGEND>, <MARQUEE>.
Тэг, распознаваемый только браузером Mosaic: <SOUND>.
Редко используемые тэги, дальнейшее употребление которых не рекоменду-
ется:
<ISINDEX>, <NEXTID>.
Тэги, актуальность которых крайне мала: <воо>.
надад -
далее
