Зачатейский Д.Е. Телекоммуникационные и компьютерные технологии в связях с общественностью

Подождите немного. Документ загружается.

текст1

текст2

— тег, позволяющий отобразить надстрочный текст. Синтаксис

записи:

текст1текст 2

Результат обработки такой строки кода будет иметь следующий вид:

текст1

текст2

<ТТ> — тег, позволяющий вывести на экран часть текста фиксированным

шрифтом, так называемый телетайпный текст. Используется в основном для

отображения листинга программ, экранных форм и команд пользователя.

Синтаксис записи:

<ТТ>Текст, отображаемый "телетайпным" шрифтом</ТТ>

<BIG> — тег, позволяющий вывести часть текста крупным шрифтом.

При обработке кода HTML интерпретатором броузера размер шрифта

высчитывается не в пикселах, а в условных пунктах нелинейного размера,

величина такого «пункта» зависит от используемой вами реализации броузера.

«Нормальный» (подставляемый по умолчанию) шрифт имеет высоту три

пункта. Использование тега <BIG> увеличивает «нормальный» размер шрифта

на один пункт. Синтаксис записи этой команды таков:

<BIG>текст</BIG>

Чтобы увеличить размер шрифта более чем на один пункт, можно

использовать последовательность из нескольких тегов <BIG>:

<BIG><BIG>текст</BIG></BIG>

Аналогично уменьшения размера шрифта на один пункт можно добиться

с использованием тега . Мнемоника записи этого тега выглядит

следующим образом:

текст

Допустимо также использование нескольких вложенных элементов

.

Следует помнить, что смысловое выделение текста лучше всего

применять тогда, когда это действительно необходимо, поскольку текст,

излишне пестрящий жирными, курсивными или подчеркнутыми словами,

труден для восприятия, при его чтении сильно устают глаза и рассеивается

внимание.

Контекстное выделение можно использовать для отображения цитат или

ключевых фраз, однако большую часть текста лучше выводить стандартным

шрифтом «нормального» размера без выделения.

Элемент

Размер шрифта в стандарте HTML обозначается условными, пунктами,

причем всего их насчитывается семь. Однако не все броузеры понимают

термин «пункт» одинаково. Например, при отображении документа в Microsoft

Internet Explorer размеры всех шрифтов различны, за исключением пунктов 2 и

3 — они отображаются шрифтом одной высоты, которая равна величине,

принятой по умолчанию, и зависят от пользовательских настроек броузера. В

131

Netscape Navigator абсолютно одинаково отображаются пункты 4 и 5, а также б

и 7, они больше по высоте, чем пункт 3, который является «нормальным»

размером шрифта.

Следует помнить, что некоторые броузеры, например Microsoft Internet

Explorer, позволяют настраивать параметры текста, отображаемого в составе

документов HTML, путем изменения размера шрифта, подставляемого

интерпретатором броузера по умолчанию. Это значит, что параметры элемента

, равно как и других тегов, управляющих размером шрифта, могут

изменяться в зависимости от пользовательских настроек. По той же причине

возможен эффект нарушения компоновки страницы, оптимизированной для

просмотра в броузере со стандартными настройками. Избежать этого можно,

заключив все элементы документа в невидимую таблицу с фиксированной

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

выглядит следующим образом:

<FONT FACE="значение 1" SIZE="значение 2" COLOR="значение

3">текст

Значением атрибута FACE является название шрифта, который вы

планируете использовать для отображения текста, заключенного в теги

.

Если, например, вместо параметра "значение!" в приведенном примере вы

подставите "Arial", помеченный тегом , текст будет отображаться

именно этим шрифтом.

Набор шрифтов, установленных на компьютерах разных пользователей,

может быть разным, и если в атрибуте FACE тега будет указан

шрифт, отсутствующий в системе пользователя, текст на экране его монитора

станет нечитаемым. Для того чтобы избежать ошибок при отображении текста

в броузерах конечных пользователей, необходимо использовать указания

только на стандартные шрифты, имеющиеся в составе большинства броузеров:

Arial и New Times Roman. Можно вообще опускать данный атрибут, позволив

броузеру подставлять при интерпретации кода тот шрифт, который

используется по умолчанию.

Атрибут SIZE указывает на размер шрифта, которым следует выводить

текст.

Параметр этого атрибута, обозначенный в нашем примере как "значение

2", может быть описан либо абсолютной, либо относительной величиной.

Абсолютная величина подразумевает использование в качестве параметра

целого числа в диапазоне от 1 до 6, указывающего на высоту шрифта в

пунктах. Относительная же величина, обозначаемая целым числом со знаком

«плюс» или «минус» (например, +2 или -1), это количество пунктов, которые

следует прибавить или отнять от размера шрифта, используемого броузером

по умолчанию. Так, запись говорит о том, что размер

помеченного таким тегом текста будет на один пункт больше, чем обычный

текст документа. Вместо значения атрибута COLOR подставляется либо

цифровой код нужного цвета, либо обозначающая этот цвет символьная метка.

132

Очевидно, что при использовании тега любой из его атрибутов

может быть опущен. Примером записи такой команды может служить

следующая строка кода HTML:

отрывок текста

Некоторые броузеры старых версий не поддерживают директиву

. Среди них — текстовый броузер для UNIX-совместимых платформ,

который носит название Lynux.

8.8.4. Бегущая строка

Тег для создания бегущей строки:

<MARQUEE> текст </MARQUEE>

Он может содержать атрибуты:

Атрибут направления движения DIRECTION=параметр (left, right) для

задания направления движения строки.

Атрибут числа повторов LOOP=n , где n – число циклов движения

строки.

Атрибут характера движения BENAVIOR=параметр (scroll –

стандартное движение от правого края к левому, slide – строка один раз

пробегает от правого края к левому, где и остается, alternate – движение от

правого края страницы к левому и обратно, бесконечный цикл).

Атрибут для задания длины строки WIDHT=n, где n - ширина той части

страницы, на которой расположена бегущая строка. Значение n может

указываться как в пикселях, так и в процентах от общей ширины видимой

части страницы.

8.8.5. Списки

Продолжая параллель с документами Microsoft Word, необходимо сказать

еще о двух элементах оформления текстовых файлов, а именно: о

нумерованных и маркированных списках. Они были разработаны для

отображения упорядоченной информации в виде позиционированных по

смыслу вхождений.

На языке HTML подобный маркированный список можно представить при

помощи команды <UL> следующим образом:

<LI> Вхождение 1</LI>

<LI> Вхождение 2</LI>

<LI> Вхождение 3</LI>

<LI> Вхождение n</LI>

</UL>

133

Атрибут TYPE позволяет программисту управлять внешним видом и

формой обозначающих каждое вхождение меток. Параметр этого атрибута

может принимать одно из трех значений:

DISC — метки отображаются в виде заполненных черным цветом

окружностей;

CIRCLE — метки отображаются в виде полых окружностей;

SQUARE — метки отображаются в виде заполненных черным цветом

квадратов.

По умолчанию, то есть в случае, когда в маркированном списке тег <UL>

записывается без атрибутов, TYPE="DISC".

Нумерованный список позволяет отображать упорядоченную информацию,

которая выводится на экран в виде перечисления обозначенного цифрами.

В документе HTML нумерованный список можно представить с

использованием тега <OL>:

<LI> Вхождение 1</LI>

<LI> Вхождение 2</LI>

<LI> Вхождение 3</LI>

</OL>

Атрибут TYPE так же, как и в случае с маркированным списком, позволяет

определять вид маркеров, которыми будут обозначаться составляющие список

значения. В составе атрибута TYPE команды <OL>можно использовать один

из следующих параметров:

"1" — обычные арабские числа 1, 2, 3 и т. д.

"I" — римские цифры в заглавном регистре I, II, III, IV и т. д.

"i" — римские цифры в строчном регистре i, ii, iii и т. д.

"А" — символьная маркировка в заглавном регистре А, В, С и т. д.

"а" — символьная маркировка в строчном регистре а, b, с и т. д.

Атрибут START позволяет задавать позицию, с которой следует начать

маркировку. Например, если атрибут TYPE задан как "1", а атрибут START

— как "5", то нумерация начнется с цифры 5. Если же TYPE имеет значение

"А", а START — "D", то маркировка начнется с символа D.

При использовании атрибута START необходимо внимательно следить,

чтобы его значение соответствовало типу маркировки, указанному в

атрибуте TYPE. Запись <OL TYPE="I" START="A"> недопускается.

Наоборот, запись <OL TYPE="A" START="I"> вполне допустима.

По умолчанию значение атрибута TYPE принимается как "1", нумерация

начинается с первого элемента в каждом из типов маркировки.

Возможно создание так называемых вложенных списков, реализуемых

посредством размещения одной пары тегов в другой, например, команд

создания маркированного списка внутри нумерованного.

На языке HTML такой список можно представить следующим набором

команд:

<OL>

134

<LI>Вхождение 1</LI>

<UL>

<LI>Вхождение l - a</LI>

<LI>Вхождение 1- б<LI>

</UL>

<LI> Вхождение 2</LI>

<UL>

<LI>Вхождение 2-a</LI>

<LI>Вхождение 2-6</LI>

</UL>

</OL>

Помимо нумерованных и маркированных списков язык разметки

гипертекста позволяет создавать списки определений, для чего применяются

команды <DL>. Внешний вид простого списка определений таков:

Заголовок группы вхождений 1

Вхождение 1-а

Вхождение 1-б

Заголовок группы вхождений 2

Вхождение 2-а

Вхождение 2-б

В виде кода HTML этот список можно представить следующим образом:

<DL>

<DТ>Заголовок группы вхождений 1

<DD>Вхождение 1-а

<DD>Вхождение 1-б

<DT>3aголовок группы вхождений 2

<DD>Вхождение 2-а

<DD>Вхождение 2-б

</DL>

Закрывающие теги для команд <DТ> и <DD> списка определений можно

опустить. Данные теги могут использоваться и самостоятельно: <DT> — для

отображения терминов, выделяемых в тексте шрифтом, a <DD> — для их

расшифровки, помеченной отступом. В этом случае наличие соответствующих

закрывающих тегов обязательно.

8.8.6. Таблицы

Таблица вставляется в HTML-документ парными тегами <TABLE>

</TABLE>. Тег <TABLE> может содержать атрибуты:

BORDER – ширина бордюра (может принимать значения от 0 до 10);

WIDTH - ширина таблицы;

BGCOLOR – цвет фона под таблицей.

Между тегами <TABLE> могут располагаться следующие элементы:

135

<CAPTION> название таблицы </CAPTION>

У тега <CAPTION> может быть атрибут ALIGN, для которого возможны

два значения, определяющие положение названия таблицы: top – над

таблицей, bottom - под таблицей.

Теги для задания строки таблицы выглядят следующим образом.

<TR> строка таблицы </TR>

У тега <TR> могут быть атрибуты:

ALIGN – выравнивание внутри строки (LEFT, RIGHT, CENTER)

VALIGN – вертикальное выравнивание внутри строки таблицы (TOP,

BOTTOM, MIDDLE)

BGCOLOR – цвет фона внутри строки.

Тег, задающий столбец таблицы:

<TD> столбец таблицы </TD>

Он может иметь следующие атрибуты:

ALIGN – выравнивание в столбце (LEFT, RIGHT, CENTER)

VALIGN – вертикальное выравнивание внутри строки таблицы (TOP,

BOTTOM, MIDDLE)

COLSPAN=n, ROWSPAN=n – растягивание ячейки таблицы на n столбцов

или строк.

BGCOLOR – цвет фона внутри столбца.

8.8.7. Разделители

Для того чтобы визуально отделить часть объектов html-документа от

других, применяется тег <HR>. С его помощью можно отобразить в окне

броузера горизонтальную черту заданного размера и цвета. В общем виде

синтаксис директивы <HR> выглядит следующим образом:

<HR ALIGN="параметр" WIDTH="значение" SIZE="значение"

COLOR="значение">

Атрибут ALIGN определяет положение горизонтальной черты на экране и

может принимать одно из трех возможных значений: CENTER, LEFT и

RIGHT (выравнивание черты по центру, левой и правой границам экрана).

Атрибут WIDTH определяет длину линии, причем его значение можно

задавать либо в пикселях простым целым числом, либо в процентах от ширины

экрана при помощи числа от 1 до 100 с добавлением символа «%», например:

WIDTH="268" или WIDTH="80%". В последнем случае абсолютная длина

линии будет меняться в зависимости от установленного пользователем

экранного разрешения. Атрибут SIZE, значение которого — простое целое

число, задает толщину линии в пикселях. И наконец, атрибут COLOR

определяет цвет заливки линии, в качестве его значения указывается либо

шестнадцатеричный цифровой код, либо символьная нотация необходимого

цвета. Ниже приведен пример записи тега <HR>:

136

<HR ALIGN="CENTER" WIDTH="80%" SIZE="1"

COLOR="#0000FF">

Очевидно, что подобно директиве команда <HR> не имеет

закрывающего тега. По умолчанию, то есть в случае записи команды <HR> без

указания каких-либо атрибутов, броузер отобразит двухцветную серо-белую

линию толщиной в три пикселя и длиной во весь экран.

8.8.8. Гиперссылки

Гиперссылки устанавливают связь между каким-либо элементом текущего

документа HTML и другой web-страницей либо независимым объектом —

файлом или изображением. В качестве гиперссылки может выступать не

только часть текста, но и графический элемент. Как правило, текстовая

гиперссылка выделяется на странице подчеркиванием и цветом.

Текстовые гиперссылки можно разделить на четыре условных категории:

- ссылки на документы,

- ссылки на разделы,

- ссылки на адрес электронной почты,

- ссылки на файловые объекты.

8.8.8.1. Ссылки на документы

Реализовать простую гиперссылку на другую web-страницу можно путем

использования в html-документе тега <А>, синтаксис записи которого в общем

виде выглядит следующим образом:

<А HREF="URL" TARGET="параметр" TITLE="альтернативный

текст"> текст гиперссылки</А>

В приведенном примере атрибут HREF указывает на адрес страницы, с

которой необходимо установить гиперсвязь. Этот адрес может быть

представлен как в виде полного URL (например,

"http://www.server.ru/page.htinl"), если целевой документ физически

расположен на другом сервере, так и в виде сокращенного URL с указанием

пути к искомой странице в пределах локального сервера (например,

"/folder/page.html"). Если искомый документ расположен в одной директории

с текущим, в качестве параметра атрибута HREF достаточно записать его

название.

Атрибут TARGET содержит директивы, описывающие правила открытия

целевого документа в броузере. Эти директивы выделяются в коде символом

подчеркивания. Одно из наиболее часто встречающихся значений атрибута

TARGET="_blank" отображает открываемый по ссылке документ HTML в

новом окне броузера. Другим значением может быть: ''_self'' - открываемый

по ссылке документ отображается в том окне, которое содержит ссылку.

137

Атрибут TITLE предназначен для создания так называемого

альтернативного текста — всплывающей подсказки, появляющейся в

небольшом прямоугольнике, если пользователь задержит курсор мыши над

гиперссылкой на несколько секунд. Такая подсказка может содержать,

например, более подробное описание вызываемого документа.

Следует помнить, что тег <А> является одной из немногих директив HTML,

не позволяющих организовать внутри нее вложение однотипных элементов, то

есть одну гиперссылку нельзя размещать внутри другой.

8.8.8.2. Ссылки на разделы

Иногда возникает необходимость разместить на web-странице гиперссылку

не на другой документ, а на расположенный в пределах этой же страницы

раздел или участок текста. При активизации подобной гиперссылки броузер

размещает информацию таким образом, что искомый раздел или фраза

оказываются в верхней его части. Процесс создания ссылки на раздел можно

условно разделить на два этапа.

Первый заключается в подготовке так называемой «закладки» —

специальной метки с уникальным в пределах данного документа именем,

присваиваемым «закладке» посредством атрибута NAME. Для этого в том

участке текста, где необходимо разместить метку, применяется следующая

команда:

<А NAME="имя_закладки"> ключевое слово или заголовок раздела </

А>

Второй этап — создание самой ссылки при помощи такой команды:

<А HREF="#имя_закладки"> текст ссылки </А>

Для задания имени «закладки» лучше использовать латинские символы.

При вызове раздела посредством гиперссылки имя «закладки» предваряется

символом «#».

Для размещения ссылки на раздел какого-либо другого документа в

вызывающем теге перед именем «закладки» указывается URL документа. В

этом случае рекомендуется также использовать атрибут TARGET с

параметром "_blank".

Подобная команда в обобщенном виде будет выглядеть следующим

образом:

<А HREF="http://www.server.ru/document.html#имя_закладки"

TARGET="_blank"> текст ссылки </А>

8.8.8.3. Ссылки на адрес электронной почты

При активизации ссылок на адрес электронной почты автоматически

запускается установленная на компьютере почтовая программа и на экране

формируется уже готовый к отправке бланк электронного письма с

заполненным адресным полем и иногда полем Subject. Данные гиперссылки

138

также можно реализовать с использованием тега <А>. В виде кода HTML

ссылку на адрес электронной почты представляют следующим образом:

<А HREF="mailto:user-l@server.ru?cc=user-2@server.ru,

user-3@server.ru&subject=тема_письма" > текст ссылки </А>

Директива mailto: указывает на основной адрес электронной почты, куда

следует отправлять созданное автоматически письмо. В минимальной записи

атрибута HREF при реализации гиперссылки на адрес электронной почты

можно указать только эту директиву и какой-либо адрес e-mail. Функция ?сс

позволяет определить адреса пользователей, которым будет отправлена копия

сообщения. Если таких адресов больше одного, они записываются подряд

через запятую без пробелов. И наконец, с помощью функции Subject можно

задать тему отсылаемого сообщения.

8.8.8.4. Ссылки на файловые объекты

Гиперссылка на некий файловый объект подразумевает организацию

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

При клике на такой гиперссылке автоматически открывается сессия загрузки

данного файла с удаленного сайта на локальный пользовательский компьютер.

Мнемоника записи подобной команды выглядит следующим образом:

<А HREF="http://www.myserver.com/fi1es/archive.ziр"> текст

гиперссылки </А>

Иногда для реализации гиперсвязи с файловым объектом в записи URL

этого объекта используется префикс "file://", однако такой подход

применяется, в основном, для организации ссылок на файловый объект,

расположенный на локальном компьютере. Если загрузку файла планируется

осуществлять по протоколу FTP, используйте префикс "ftp://". Если искомый

файл расположен в той же директории, что и вызывающий его документ, в

качестве значения атрибута HREF можно просто указать его имя.

8.9. МЕТА-определители

МЕТА-определители — это элементы заголовков HTML-документов,

несущие исключительно служебные функции. Они не влияют на отображение

web-страниц в броузере и не могут каким-либо образом изменить их

содержимое. По большому счету, МЕТА-определители описывают свойства

документа и потому зачастую игнорируются web-дизайнерами. Вместе с тем

именно МЕТА-определители позволяют повысить релевантность сайта при

индексировании его поисковой машиной. Некоторые полезные свойства

приобретаются информационным ресурсом и в других случаях. Остановимся

на этом подробнее.

МЕТА-определители записываются непосредственно в заголовке документа

HTML между тегами <HEAD> и </HEAD> после тега </TITLE>. Существуют

139

два разряда МЕТА-определителей, различающихся атрибутами и имеющих,

соответственно, разное назначение. К первому разряду относятся

определители, использующие атрибут NAME. Синтаксис их записи в общем

случае таков:

<МЕТА NAME=''значение1" CONTENT="значение2">

Первый МЕТА-определитель, который мы рассмотрим применительно к

данному классу команд, записывается в коде html-документа следующим

образом:

<МЕТА NAME="description" CONTENT="краткое описание

содержимого сайта">

Эта директива применяется для облегчения и ускорения процесса

индексации вашего ресурса поисковыми машинами. В динамически

создаваемый поисковым сервером файл отчета включается либо информация,

встречающаяся первой в тексте документа HTML, либо данные, указанные в

теге МЕТА. Таким образом, наличие МЕТА-определителя многократно

увеличивает шансы ресурса попасть в первую десятку сайтов, которые

«найдет» поисковый сервер по требованию пользователя.

Следующая возможная директива выглядит так:

<МЕТА NAME="keywords" СОNТЕNТ="перечень необходимых

ключевых слов через запятую">

Данный тег содержит перечисление ключевых слов, на которые должны

«реагировать» поисковые машины, включая сайт в файл отчета. Не

рекомендуется указывать в нем более тридцати ключевых слов подряд,

равно как и записывать в МЕТА-определителе с параметром «description»

«объемное» описание сайта, поскольку многие поисковые серверы имеют

ограничения на количество индексируемых слов.

Рекомендуется указывать в поле CONTENT два варианта записи

информации, набираемой как в строчном, так и в заглавном регистре.

Хорошим тоном считается указывать в атрибуте CONTENT описание сайта на

русском и английском языках.

Приблизительно ту же функцию играет следующий МЕТА-тег:

<МЕТА NAME="abstract" CONTENT="описание содержимого сайта и

перечень ключевых выражений через запятую">

Для обозначения тематики сайта используется тег:

<МЕТА NAME="subject" CONTENT="главная тема сайта,

выраженная одним - двумя словами">

Данный МЕТА-определитель указывает на тему, которой посвящена

страница, что опять-таки важно для регистрации сайта некоторыми

поисковыми серверами.

<МЕТА NAME="page-type" CONTENT="Тип, к которому относится

страница">

Дать какие-либо конкретные рекомендации о правилах записи этого МЕТА-

тега невозможно, поскольку каждая поисковая машина использует

собственный классификатор ресурсов. В общем случае данная директива

140