Все вышеприведенные команды определяют физическое форматирование символов. Вы
задаете конкретное изменение характеристик символов.
Кроме того, есть логическое форматирование символов - Вы даете описание, а
браузер решает как изменять характеристики. В общем, кто доверяет браузеру -
пользуйтесь этими командами. Они выглядят следующим образом:
<CITE>Цитата<CITE>
<EM>Особо важный текст</EM>
<STRONG>Сильное выделение текста</STRONG>
<KBD>Текст, введенный пользователем</KBD>
<CODE>Листинг программы</CODE>
<SAMP>Последовательность литералов</SAMP>
<VAR>Имя переменной</VAR>
Браузер пользователя сам выбирает шрифт, если Вы его конкретно не задали в
описании страницы. Если в странице задан шрифт, которого нет у пользователя,то
Вы можете задать список, состоящий из нескольких шрифтов, и браузер выберет
самый левый, а если его в системе нет, то следующий и т. д. Если ни одного из
шрифтов нет, браузер выбирает свой шрифт.
Фонт задается с помощью команды: FONT FACE
3.6 Управление цветом
Цвета и изображения фона задаются с помощью команды <BODY>.
Эта команда может задаваться только в начале HTML файла и не может быть изменена
в дальнейшем. Ее параметры:
bgcolor = “# код цвета” - цвет фона документа,
text = “# код цвета” - цвет текста документа,
link = “# код цвета” - цвет текста, используемого в качестве ссылки,
vlink = “# код цвета” - цвет ссылки на просмотренный ранее документ,
alink = “# код цвета” - цвет ссылки в момент нажатия на нее правой кнопки мыши.
Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.
Важно отметить, что цвет фона не отображается на бумаге при выводе HTML -
документа на печать. Ниже приводятся коды простейших цветов:
Белый = FFFFFFМалиновый = FF00FF
Желтый = FFFF00Бирюзовый = 008080
Красный = FF0000Темносиний = 000080
Серый = 808080Коричневый = 808000
Синий = 0000FFГолубой = 00FFFF
Зеленый = 00FF00Темнозеленый = 008000,
Черный = 000000Индиго = 800080
Пурпурный = CC33FFТемнокрасный = 800000
Для изменения цвета текущего текста можно в любом месте домашней страницы
воспользоваться командами: <FONT COLOR= Код цвета > Текущий текст </FONT COLOR>
Определено несколько именованных цветов. Их значения видны из таблицы:
<FONT COLOR = black >
Если Вы хотите создать “обои”, то есть цветной фон с использованием 8301_ -
файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем:
BACKGROUND = “Ground.gif”
Если при этом вы хотите, чтобы фоновое изображение не двигалось, т.е. чтобы
создался эффект “водяных знаков”, то задайте дополнительный параметр:
BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED
3.7 Использование специальных символов
В языке HTML символ < используется как первый символ каждой команды.
Этот символ не может быть использован для обозначения отношения “меньше”. Для
отображения на экране символа < (“меньше”) и некоторых других символов в HTML
приняты специальные обозначения:
Отображаемый текстЗапись в формате HTML
<<
>>
&&
“"
Язык HTML всегда уменьшает количество подряд расположенных пробелов до одного,
независимо от того, сколько пробелов было в исходном тексте. Для задания
необходимого количества подряд расположенных пробелов следует воспользоваться
специальным символом пробела:  .
Например, в следующей записи исходного текста: (A B) в
отображаемом тексте между символами A и B будет 3 пробела.
При необходимости изобразить на экране команду языка HTML возникает
дополнительная проблема - редактор может преобразовать ее в соответствующую
команду прямо в исходном тексте.
И вместо отображения соответствующей команды на экране Вы получаете
расположенный по центру текст в следующих строках. Чтобы этого избежать, можно,
например, вставить внутрь команды две парные команды. Например, вышеприведенную
команду следует записать следующим образом:<<u></u>CENTER>
3.8. Создание таблиц
Таблица создается с помощью команд <TABLE> и </TABLE>.
Команда <TABLE> может иметь следующие параметры:
UNITS - может принимать значение RELATIVE или PIXELS. Определяет единицы
измерения в других параметрах. По умолчанию, UNITS = PIXELS.
BORDER - определяет линии, разграничивающие клетки в таблице. Ширина линии
задается командой BORDER = N.
CELLPADDING - Определяет минимальный промежуток вокруг содержимого таблицы.
BGCOLOR - Определяет цвет фонового изображения в таблице. Во всех таблицах
данного документа я использую BGCOLOR= WHITE
Есть еще несколько команд, задающих цвет обрамления: BORDERCOLOR,
BORDERCOLORDARK, BORDERCOLORLIGHT, но они используются только в Explorer.
Для формирования таблицы, состоящей из нескольких строк, воспользуйтесь командой
<TR> , разделяющей строки. Команды <TH> и </TH> используются для обозначения
заголовка столбца клеток.
Параметры ROWSPAN и COLSPAN команд <TD> и <TH> используются для формирования
клеток данных, объединяющих более одной строки или столбца.
3.9. Встраивание гипертекстовых ссылок
Переход в другое место того же документа.
Для организации перехода внутри одного HTML - файла следует ввести необходимый
текст в двух местах:
Записать метку в том месте HTML - файла, куда необходимо перейти.
Записать переход на эту метку в том месте, откуда будет выполнен переход.
Для организации метки запишите: <A NAME = “МЕТКА” ></A>, где МЕТКА - любое имя,
состоящее из букв английского алфавита и цифр.
Для перехода на эту метку запишите:<A href=МЕТКА >Перейти на метку. </A>
Переход в другой документ той же домашней страницы.
Для перехода из любого места HTML - файла h1.html в начало HTML - файла h2.html
следует записать: <A href = “h2.html”>Переход к разделу h2 </A>
Переход в другой документ.
В любом месте HTML - файла можно ввести гипертекстовые ссылки на другой документ
или файл.
Гипертекстовые ссылки вводятся в HTML - файл с помощью унифицированного локатора
ресурсов - URL.
Этот локатор определяет правила написания различных видов ссылок.
Ниже приводятся важнейшие префиксы для URL:
Префикс URLФункция
FTP://Ссылка на сервер FTP
HTTP://Ссылка на объект, который будет передаваться с использованием
протокола HTTP
FILE://localhostСсылка на локальный диск
GOPHER://Ссылка на сервер Gopher
MAILTO://Ссылка на электронный почтовый адрес
NEWS://Ссылка на электронную конференцию
NNTP://Ссылка на сервер электронной конференции
TELNET://Ссылка на сервер электронной конференции
Для записи гипертекстовой ссылки в HTML - файл используйте следующую команду: <A
href = “URL”> Переход по гипертекстовой ссылке. </A>
При нажатии левой кнопки мыши на текст Переход по гипертекстовой ссылке. Вы
перейдёте на ресурс, заданный в URL. Для возврата воспользуйтесь клавишей “Back”
“браузера”.
Вывод изображения на экран.
Изображения могут быть выведены на экран так же, как текст. Файлы изображения
могут быть заданы в нескольких различных форматах, наилучшие из которых - GIF
(файлы *.gif) и JPEG (файлы *.jpg).
Ниже приводится формат команды:
<IMG SRC= “ИМЯ ФАЙЛА” ALT = “Текст” ALIGN = DIRECTION WIDTH = WIDTH HEIGHT =
HEIGHT >, где:
ИМЯ ФАЙЛА - это имя данного файла в вашей домашней странице или полное имя пути
и файла, если файл не принадлежит данной домашней странице.
Текст - это текст, выводимый вместо изображения, если файл изображения по какой
- -либо причине недоступен.
DIRECTION - место расположения изображения. Принимает следующие возможные
значения:
ALIGN=TOP - последующий текст располагается в верхней части изображения.
ALIGN=BOTTOM - последующий текст располагается в нижней части изображения.
ALIGN=LEFT - изображение находится в левой части листа. Текст обтекает
изображение справа.
ALIGN=MIDDLE - изображение находится в центре листа.
ALIGN=RIGHT - изображение находится в правой части листа. Текст обтекает
изображение слева.
WIDTH = WIDTH - ширина требуемого изображения на экране,
HEIGHT = HEIGHT - высота требуемого изображения на экране.
Гипертекстовая ссылка с помощью изображения.
Допустим, что Вы выводите на экран изображение 8301_ - файл, который называется,
например, 8301_.gif.
Если Вы хотите организовать домашнюю страницу так, чтобы при нажатии левой
кнопки мыши на изображение, перейти на другую домашнюю страницу, например, на :
HTTP://WWW.HOME.COM ,
то следует записать следующую команду:
<A href= “HTTP://WWW.HOME.COM”> <IMG SRC = “8301_.gif” >
Создание ссылки на почтовый адрес.
Например мой почтовый адрес в GEOCITIES.COM: family_katz@geocities.com
Для организации ссылки в моей домашней странице на мой почтовый адрес я записал
в конце главного раздела домашней страницы:
<A href = mailto: family_katz@geocities.com > Перейти на мой почтовый адрес </A>
В следующей строчке я задал такую же ссылку с поиощью аппликации MAIL12.GIF
вместо текста:
<A href = mailto: family_katz@geocities.com ><IMS SRC = “MAIL12.GIF” ></A>
3.10.Кадры.
Команды работы с кадрами.
Вы можете разделить экран на несколько независимых оконных кадров, каждый из
которых отображает отдельный HTML документ.
На экране кадры представляют собой прямоугольники. В HTML используются следующие
команды работы с кадрами:
<FRAMESET>, </FRAMESET> - определяют состав и размеры кадров на экране,
<FRAME>, </FRAME> - определяют HTML файл для каждого кадра,
<NOFRAMES>, </NOFRAMES> - для сообщений “браузеру”, не обрабатывающему кадры.
Формат команды FRAMESET.
Команда делит целое окно (или часть окна, определенное предыдущей командой
FRAMESET ) на несколько вертикальных (параметр COLS ) или горизонтальных
(параметр ROWS ) кадров. Каждый из этих кадров может определять HTML - файл,
отображаемый в ней (с помощью команды FRAME ) или, соответственно, делиться
дальше по тем же правилам со вложенной командой FRAMESET.
По концу определения кадров, задаваемых командой FRAMESET , не забудьте записать
команду /FRAMESET, иначе они могут быть построены неправильно.