Файл: Основы программирования на языке HTML..pdf

Тег <SUB> сдвигает текст ниже уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для математических индексов. Например:

Шрифт нижнего индекса

Тег <SUP> сдвигает текст выше уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для задания степеней чисел в математике. Например:

Шрифт верхнего индекса

Теги форматирования могут быть вложенными друг в друга. При этом нужно внимательно следить, чтобы один контейнер находился целиком в другом контейнере. Например:

Этот текст полужирный и

курсивный

Вот так браузер отобразит приведенные выше примеры:

Тег 

Тег <FONT> позволяет изменить шрифт для блока текста. Этот тег имеет следующую спецификацию:

<FONT

FACE="тип шрифта"

COLOR="цвет шрифта"

SIZE="размер шрифта"

Атрибут FACE служит для указания типа шрифта, которым браузер будет выводить текст (если такой шрифт имеется на компьютере). Значением данного атрибута служит название шрифта, которое должно в точности совпадать с названием шрифта, имеющимся у пользователя. Если такой шрифт не найдется, то данное указание проигнорируется и будет использован шрифт, установленный по умолчанию.

Можно установить как один, так и несколько названий шрифтов, разделяя их запятыми. Тогда список шрифтов будет просматриваться слева направо так: если на компьютере пользователя нет шрифта, указанного в списке первым, то делается попытка найти следующий и т.д. Если ни одного шрифта найти не удалось, то будет использоваться шрифт, установленный браузером по умолчанию.

Атрибут COLOR устанавливает цвет шрифта. Значение этого атрибута может быть указано в формате RGB или символьной нотацией.

Атрибут SIZE служит для указания размера шрифта. Указывать размер шрифта можно двумя способами: абсолютной величиной или относительной величиной. При указании размера абсолютной величиной значением атрибута является число от 1 до 7. 1 – самый маленький шрифт, 7 – самый большой. При указании размера относительной величиной значением атрибута является число со знаком + или -. В данном случае шрифт будет увеличен (+) или уменьшен (-) от размера, принятого по умолчанию.

Пример использования тега :

<HTML>

<HEAD>

<TITLE>Пример изменения шрифта</TITLE>

</HEAD>

<BODY>

Шрифт по умолчанию

зеленый шрифт

другая форма шрифта

размер шрифта – 6

размер увеличен на 1

</BODY>

</HTML>

Этот пример отобразится так:

Контейнер DIV

Иногда бывает необходимо произвести выравнивание большого блока документа, содержащего не только текст, но и рисунки, таблицы и т.п. Для этих целей используется элемент-контейнер DIV. Спецификация элемента DIV:

<DIV

ALIGN="выравнивание">

Атрибут ALIGN определяет тип выравнивания содержимого и может иметь те же значения, что и элемент P.

Отступы

Иногда требуется отобразить блок текста с отступом. Для этого блок текста помещают в элемент-контейнер BLOCKQUOTE. Тогда содержимое этого элемента будет отображаться с небольшими отступами слева и справа, а также отделяться от остального текста пустыми строками.

Таблицы

Одним из наиболее мощных и широко применяемых в HTML средств являются таблицы. Они используются не только традиционно как метод представления данных, но и как средство форматирования Web-страниц. Документ HTML может содержать произвольное число таблиц, причем допускается вложенность таблиц друг в друга.

Каждая таблица начинается тегом <TABLE> и заканчивается тегом </TABLE>. Внутри этой пары тегов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в которых задаются данные для отдельных ячеек.

Каждая строка начинается тегом <TR> и заканчивается тегом </TR>. Отдельная ячейка в строке обрамляется парой тегов <TD> и </TD> или <TH> и </TH>. Тег <TH> используется для ячеек заголовка таблицы, а <TD> – для ячеек данных. Отличие этих тегов в том, что в заголовке по умолчанию используется полужирный шрифт, а для данных – обычный.

Теги <TD> и <TH> не могут появляться вне описания строки таблицы <TR>.

Пример таблицы:

<HTML>

<HEAD>

<TITLE>Пример таблицы</TITLE>

</HEAD>

<BODY>

<TABLE>

<TR>

<TD>Ячейка 1</TD>

<TD>Ячейка 2</TD>

</TR>

<TR>

<TD>Ячейка 3</TD>

<TD>Ячейка 4</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Этот пример отобразится в браузере так:

Спецификация тега <TABLE>:

<TABLE

ALIGN="выравнивание"

BORDER="толщина рамки"

CELLPADDING="расстояние"

CELLSPACING="расстояние"

HEIGHT="высота"

VALIGN="вертикальное выравнивание"

WIDTH="ширина"

Атрибут ALIGN определяет выравнивание таблицы в окне просмотра браузера. Он может иметь одно из двух значений: LEFT (по левому краю) и RIGHT (по правому краю). По умолчанию – LEFT.

Атрибут BORDER управляет толщиной рамки. Значением этого атрибута является число. Это число определяет толщину рамки таблицы в пикселях. По умолчанию толщина рамки – 1.

Атрибут CELLPADDING определяет расстояние в пикселях между рамкой и содержимым ячейки. По умолчанию – 1.

Атрибут CELLSPACING определяет расстояние в пикселях между ячейками таблицы. По умолчанию – 2.

Атрибут HEIGHT определяет высоту таблицы в пикселях.

Атрибут VALIGN определяет вертикальное выравнивание содержимого таблицы. Он может иметь следующие значения: TOP (по верхнему краю), MIDDLE (посередине) и BOTTOM (по нижнему краю). По умолчанию – MIDDLE.

Атрибут WIDTH определяет ширину таблицы в пикселях или процентах от ширины окна браузера.

Спецификация тега <TR>

<TR

ALIGN="выравнивание"

BGCOLOR="цвет фона"

VALIGN="вертикальное выравнивание"

Атрибут ALIGN определяет выравнивание содержимого всех ячеек строки. Он может иметь одно из трех значений: LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру). По умолчанию – CENTER.

Атрибут BGCOLOR определяет цвет фона для всех ячеек строки. Его значение можно указывать в символьной нотации или в формате RGB.

Атрибут VALIGN определяет вертикальное выравнивание содержимого всех ячеек строки. Он может иметь следующие значения: TOP (по верхнему краю), MIDDLE (посередине) и BOTTOM (по нижнему краю). По умолчанию – MIDDLE.

Спецификация тега <TD>

<TD

ALIGN="выравнивание"

BGCOLOR="цвет фона"

COLSPAN="количество ячеек"

HEIGHT="высота ячейки"

ROWSPAN=" количество ячеек "

VALIGN="вертикальное выравнивание"

WIDTH="ширина ячейки"

Атрибут ALIGN определяет выравнивание содержимого ячейки. Он может иметь одно из трех значений: LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру). По умолчанию – CENTER.

Атрибут BGCOLOR определяет цвет фона для ячейки. Его значение можно указывать в символьной нотации или в формате RGB.

Атрибут COLSPAN позволяет объединить несколько соседних ячеек по горизонтали. Значение этого атрибута – количество объединяемых ячеек.

Атрибут HEIGHT определяет высоту ячейки в пикселях.

Атрибут ROWSPAN позволяет объединить несколько соседних ячеек по вертикали. Значение этого атрибута – количество объединяемых ячеек.

Атрибут VALIGN определяет вертикальное выравнивание содержимого ячейки. Он может иметь следующие значения: TOP (по верхнему краю), MIDDLE (посередине) и BOTTOM (по нижнему краю). По умолчанию – MIDDLE.

Атрибут WIDTH определяет ширину ячейки в пикселях.

Глава 4. Способы размещения сайтов в сети Интернет

Некоторые компании, у которых есть свой IP-адрес в Интернете, размещают сервер на обычном персональном компьютере, к примеру, используя для этого программу Microsoft Internet Information Server (IIS). В этом случае вы будете платить провайдеру за поддержку доменного имени и за трафик. Виртуальный сервер — это услуга, которую сегодня предоставляют многие хостинг-провайдеры. Сервер называется виртуальным в том случае, если управление его контентом (содержимым) осуществляется удаленно, а как он реализован физически провайдером, который его предоставляет, не имеет значения. Фактически хостинг-провайдеры сдают в аренду часть дискового пространства серверов своим клиентам. В этом случае провайдер обязуется поддерживать круглосуточную и бесперебойную работу Вашего виртуального сервера. Клиент лишь должен заниматься обновлением своего сайта и вовремя платить арендную плату.

Чтобы практически разместить виртуальный сервер в Интернете и он стал рабочим, минимально необходимо проделать следующее.

1. Первым делом придумайте доменное имя для компании (это имя впоследствии должно стать известным и в Интернете). Доменное имя, как правило, имеет такой формат записи: www.имя_фирмы.имя_зоны. От выбора доменного имени зависит будущее представительства в Сети. Если настоящее (уже существующее) имя компании хорошо известно на рынке, то лучше использовать именно его. Если же по каким-то причинам это имя уже кто-то занял, регистрируйте сокращенное название компании. Замечательно, если имя сайта будет совпадать со словами, известными каждому. Например, www.anekdot.ru, www.rabota.ru, www.service_law.ru и т. п. Если круг интересов компании относится исключительно к России, то домен следует регистрировать в зоне ru. Если же к Европе или странам зарубежья, тогда в зоне corn, net, org или появившихся за последнее время новых зонах info и biz. Регистрация доменного имени стоит $15-30 в год. Некоторые крупные компании регистрируют сразу несколько доменных имен, например «fiгma.ru» и «firma.com». А многие компании одновременно с регистрацией домена обеспечивают и хостинг для Вашего сайта.

2. После выбора домена надо выбрать хостинг-провайдера, у которого вы будете физически размещать свой виртуальный сервер и регистрировать доменное имя. В настоящее время таких компаний очень много, и они предоставляют далеко не одинаковые возможности своим клиентам.

Существует как платный хостинг, так и бесплатный. Следует отметить, что бесплатный хостинг целесообразно использовать исключительно если: