II. Оформление web-страниц. Теги

Одним из вариантов создания Web-страниц является их создания с помощью специальных тегов (дескрипторов) как текстовых файлов в среде обычного текстового процессора, в частности стандартной программы Блокнот.

В среде Блокнота создается текстовый файл, хранящийся с расширением.htm или.html. Посмотреть созданную web-страницу возможно, загрузившы ее к любому браузеру (Internet Explorer, Opera и др.).

В общем виде структуру Web-страницы возможно представить следующим образом:

<!DOCTYPE HTML PUBLIC"……..">

<HTML>

<HEAD>

(заголовок документа)

<TITLE> заголовок страницы </TITLE>

</HEAD>

<BODY>

(тело документа)

</BODY>

</HTML>

Документ HTML может начинаться с оператора <! DOCTYPE>, который является оператором пролога и определяет, с помощью какой версии языка HTML создана Web-страница.
Вслед за оператором пролога следует тело документа HTML, ограниченное операторами <HTML> и </ HTML>.

Заголовок документа выделяется операторами <HEAD> и </ HEAD>. Он может содержать другие операторы и занимать несколько строк. С помощью операторов <TITLE> и </ TITLE> здесь задается строка заголовка страницы, который отображается в заголовке главного окна навигатора. Каждый документ HTML должен иметь строку заголовка, определенный указанным выше способом. Эта строка идентифицирует документ и отображается навигатором не только в заголовке главного окна, но и в других местах, например в списке посещенных страниц.

Тело документа занимает одну или несколько (возможно, довольно много) строк. Оно выделяется операторами <BODY> и </ BODY>.

<html>

<head>

<title> Название Web-страницы </Title>

</head>

<body>

Информация на Web-странице

</body>

</html>

Оформление документа.

Реальные страницы HTML состоят из нескольких параграфов текста, которые выделяются операторами и . К примеру.

<BODY>

Это первый параграф

А это второй параграф

</ BODY>

Оператор может иметь параметры, определяющие различные характеристики параграфа.
В стандарте языка HTML определенный параметр ALIGN, с помощью которого можно задать выравнивание параграфа по горизонтали. Этот параметр может иметь следующие значения:

Значение	Тип выравнивания
LEFT	По левому краю
CENTER	По центру
RIGHT	По правому краю

Переход на новый ряд (без создания абзаца) - тег /

Язык HTML позволяет включать в документ различные операторы для шрифтового выделения отдельных символов, слов или параграфов текста.

Изменение размера шрифта.

Шрифт увеличенного размера применяется, как правило, для выделения заголовков или важных слов в тексте. Второстепенная информация для экономии места часто оформляется шрифтом уменьшенного размера. Все навигаторы дают пользователю возможность выбрать для отображения нормального текста два шрифта из числа установленных в системе, указав размер букв. Первый шрифт имеет фиксированную ширину символов и используется для отображения такой информации, как листинг программ, а второй - это шрифт с переменной шириной букв (Пропорциональный шрифт). С помощью операторов <BIG> и возможно соответственно увеличить и уменьшить высоту символов текста. Эти операторы используются в паре с операторами </ Вig> и , например:

<Вig> Добро пожаловать в мир серверов WWW! </ BIG>

Оператор <BASEFONT> предназначен для изменения базового размера шрифта, его изображение и цвета. Параметры, определяющие начертание шрифта и цвет символов, мы рассмотрим чуть позже. Что касается базового размера шрифта, то он задается параметром SIZE:

<ВASEFONT SIZE = 3> Размер шрифта равен 3

Таблица соответствия базового размера шрифта, указанного в операторе <BASEFONT> и того, что отображается навигатором Microsoft Internet Explorer показана ниже:

Значение параметра SIZE	Размер символов в пикселях
1	9
2	10
3	12
4	14
5	18
6	24
7	36

С помощью оператора с параметром SIZE можно изменить текущий размер шрифта, как указав его точное значение, так и относительно базового значения, заданного оператором <BASEFONT>.

В качестве значения для параметра SIZE вы можете указывать значение со знаками + или -.

Например, в следующем примере первая строка имеет размер 3, а вторая - 6:

<BASEFONT SIZE = 3> Размер шрифта равен 3

Размер шрифта равен 3 + 3 = 6

Также речь Html поддерживает шесть уровней внутренних заголовков. Они обозначаются тегами от <H1> - </ Н1> до <Н6> ---- </ Н6>.

Переход на новый ряд (без создания абзаца) - тег /

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: