HTML в Internet (стр. 8 из 12)

B - жирный (Bold);

I - курсив (Italic);

U - с подчеркиванием (Underline);

S - с перечеркиванием (STRIKE);

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

Отображаемый текст	Запись в формате HTML
Выделение текста жирным шрифтом	Выделение <b> текста </b> жирным шрифтом
Выделение текста курсивом	Выделение <i> текста </i> курсивом
Выделение текста подчеркиванием	Выделение <u> текста </u> подчеркиванием
Выделение текста перечеркиванием	Выделение <strike> текста </strike> перечерки-ванием

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

<FONT SIZE = +-i > </FONT>, где i в пределах от 1 до 7 относительно начального размера букв.

Кроме того, можно увеличить или уменьшить высоту шрифта с помощью команд <BIG> и <SMALL>. Эти команды используются в паре с командами </BIG> и </SMALL>.

Еще две пары команд:

<SUB> и </SUB> - подстрочный индекс, например, H₂SO₄.

<SUP> и </SUP> - надстрочный индекс, например, (a²- b²) = (a - b)(a + b).

Все вышеприведенные команды определяют физическое форматирование символов. Вы задаете конкретное изменение характеристик символов.

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

<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>

Определено несколько именованных цветов. Их значения видны из таблицы:

Если Вы хотите создать «обои», то есть цветной фон с использованием Image - файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем: BACKGROUND = «Ground.gif»

Если при этом вы хотите, чтобы фоновое изображение не двигалось, т.е. чтобы соз-дался эффект «водяных знаков», то задайте дополнительный параметр:

BACKGROUND = «Ground.gif» BGPROPERTIES=FIXED

3.7 Использование специальных символов

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

Этот символ не может быть использован для обозначения отношения «меньше». Для отображения на экране символа < («меньше») и некоторых других символов в HTML приняты специальные обозначения:

Отображаемый текст	Запись в формате HTML
<	&lt
>	&gt
&	&amp
«	&quot

Язык HTML всегда уменьшает количество подряд расположенных пробелов до одно-го, независимо от того, сколько пробелов было в исходном тексте. Для задания необходи-мого количества подряд расположенных пробелов следует воспользоваться специаль-ным символом пробела: &nbsp.

Например, в следующей записи исходного текста: (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 - последующий текст располагается в нижней части изображения.