HTML-документы (стр. 4 из 5)

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

Элемент, похожий на предыдущий. Он позволяет выравнивать содержимое по левому краю, по центру или по правому краю. Для этого стартовый тег должен содержать соответствующий атрибут:

align=’’left’’

align=’’center’’

align=’’right’’

<B></b>

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

Увеличенный размер шрифта

Уменьшенный размер шрифта

<I></i>

Выделение текста курсивом

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

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

Элемент, обозначающий текст телетайпа. Его особенность заключается в использовании моноширинного шрифта.

Элемент, создающий перечеркнутое начертание текста. В настоящее время его заменяют более простим: <S></S>

<U></u>

Подчеркнутое начертание текста.

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

Элемент, создающий эффект нижнего индекса.

Элемент, создающий эффект верхнего индекса.

Действие двух последних элементов иллюстрирует рис.3.2. Оба этих элемента обеспечивает уменьшение размера шрифта. Поэтому их можно использовать и для форматирования абзаца целиком, если необходимо, чтобы он был выведен мелким шрифтом.

Обычный текст и _{элемент}_SUB

Обычный текст и ^{элемент}^SUP

Рис.3.2. Использование элементов SUB и SUP

Этот элемент предназначен для создания текста с конструкциями HTML, которые должны восприниматься именно как текст. Все теги, заключенные в PLAINTEXT, воспринимаются броузером только как произвольные символы. Элемент удобно использовать для обсуждения вопросов, связанных с использованием HTML.

Элементы, предназначенные для вывода фрагментов программ. CODE используется для форматирования текста программы. SAMP предполагается задействовать при иллюстрации примеров вывода данных на экран. VAR был создан для выделения переменных. Как правило, все эти элементы обеспечивают вывод информации с использованием моноширинного шрифта.

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

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

Подобно элементу CITE, данный элемент отличается только предусмотренным содержанием. Он также обеспечивает форматирование курсивом. В некоторых справочных руководствах можно встретить, что данный элемент поддерживает атрибут align. Легко убедиться, что это не так.

Вообще, к подобным элементам надо относиться с определенной долей недоверия. Я имею ввиду те из них, которые предназначены для размещения определенной информации, а не для создания эффектов форматирования. Мы уже рассмотрели элементы ADDRESS, CITE, CODE, KBD, SAMP, VAR. Дело в том, что они не относятся к основному направлению совершенствования HTML и пользовательских агентов. Поэтому броузеры интерпретируют их по-разному и не в обязательном порядке, но другое дело, если стиль для всех этих элементов определен в самой Web-странице.

Элемент, определяющий базовый (основной размер шрифта). Внутри элемента необходимо указать атрибут:

size=Базовый размер шрифта

Величина атрибута может лежать в пределах от 1 до 7. По умолчанию используется величина 3. Установка, выполняемая этим элементом, имеет значение для элемента FONT (см. ниже),который позволяет задавать относительный размер шрифта.

Определение типа, размера и цвета шрифта. Все эти характеристики определяются при помощи соответствующих атрибутов. Например, абсолютный размер шрифта задается при помощи size (размер):

size=Абсолютный размер шрифта

Размер шрифта может задаваться относительно базового:

size=+Число

size=-Число

При назначении величины для size необходимо учитывать величину базового размера. Обе они в сумме должны соответствовать одному из абсолютных размеров. Так для базового размера, равного 3, относительный размер может находиться в пределах от -2 до +4. Если величина выходит за допустимый предел, то используется или шрифт размера 7, или шрифт размера 1.

Для элемента FONT можно использовать атрибут цвета:

color=’’цвет’’

Атрибут face (вид) не входит в спецификацию HTML 3.2., но у меня не поднимается рука исключить его из рассмотрения, настолько он естественен и полезен. Он позволяет задавать тип шрифта:

face=’’Название шрифта’’

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

За описание стиля некоторых элементов Web-страницы отвечает

<STYLE></style>(см. 2.1.)

На рис. 3.1. видно как изменится вид заголовка размера 2 после такого переопределения. Естественно, что для каждого элемента существует стилевое оформление по умолчанию, поэтому употребление STYLE необязательно.

Интересно, как синтаксис в HTML отражает историю развития вычислительной техники. Например, старый, а теперь почти забытый элемент BLINK напоминает о тех временах, когда использовались дисплеи, имевшие только текстовый режим. При таком положении вещей мерцание текста (BLINK) было, пожалуй, единственным доступным визуальным эффектом. В противоположность этому, элемент STYLE, введенный совсем недавно, вызывает ассоциации с программами для Windows, так как в них впервые появилось стилевое оформление текста, которое теперь невероятно популярно и без него уже немыслима работа в таких приложениях, как Word или Excel.

Списки

Списки (list) были добавлены в HTML, несомненно, под влиянием успеха текстовых редакторов. Список отличается от обычного текста прежде всего тем, что пользователю не надо думать о нумерации его пунктов: эту задачу берет на себя программа. Если список добавляется новыми пунктами или укарачивается, нумерации корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружочки, прямоугольники, росбы или другие изображения. В результате список принимает удобочитаемый, “фирменный вид”. Теги для создания списков можно условно разделить на две группы: одни определяют общий вид списка (и позволяют использовать атрибуты), а другие задают его внутреннюю сторуктуру. Существует несколько разновидностей списков.

Самый простой ненумерованный список (unordered list). Его шаблон представлен ниже:

<UL>

<LI> Пункт 1 списка

<LI> Пункт 2 списка

<LI> Пункт 3 списка

</ul><UL>

Элемент UL является своеобразным обрамлением списка. Он позволяет отделять один список от другого. Элемент LI обозначает каждый из пунктов. Вид ненумерованного списка показан на рис. 3.3.

Пункт 1 списка

Пункт 2 списка

Пункт 3 списка

Рис.3.3. Ненумерованный список.

Структура нумерованного списка похожа на предыдущую:

<OL type=’’I’’>

<LI> Пункт 1

<LI> Пункт 2

<LI> Пункт 3

<LI> Пункт 4

</ol>

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

I. Пункт 1

II. Пункт 2

III. Пункт 3

Пункт 4

Рис. 3.4. Нумерованный список.

Способ нумерации задается при помощи атрибута type. В табл. 3.1. приведены все способы нумерации.

Атрибут	Последовательность нумерации
type=’’1’’	1, 2, 3, 4, ...
type=’’i’’	i, ii, iii, iv, ...
type=’’I’’	I, II, III, IV, ...
type=’’a’’	a, b, c, d, ...
type=’’A’’	A, B, C, D, ...

Табл. 3.1. Значение атрибута type

Списки с определениями (definition lists) создаются при помощи тегов трех видов:

<DL>

<DT> Пункт 1

<DD> Определение пункта 1

<DD> Другое определение пункта 1

<DT> Пункт 2

<DD> Определение пункта 2

<DT> Пункт 3

<DD> Определение пункта 3

</dl>

Наглядное представление ос писке с определениями дает рис. 3.5. Каждый пункт списка может быть дополнен одним или несколькими блоками текста при помощи тега (тегов) DD. Каждый блок автоматически размещается с новой строки. Термин “определение” носит условный характер. Абзацы, размещенные в списке, могут быть определениями, дополнениями, разъяснениями пунктов. По сути, пункт представляет собой заголовок, а определение - произвольный текст под заголовком.