Управления отображением символов

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

Теги, управляющие формой отображения

Курсив, усиление, подчеркивание, верхний индекс, нижний индекс, шрифт большой, маленький, красный, синий, различные комбинации — все это делает страницы более интересными.

Теги <ВIG> и <SMALL> — изменение размеров шрифта

Текст, расположенный между тегами <ВIG>…</ВIG> или <SMALL>… </SMALL>, будет, соответственно, больше или меньше стандартного.

Верхние и нижние индексы

С помощью тегов <SUР> и <SUВ> можно задавать верхние и нижние индексы, необходимые для записи торговых знаков, символов копирайта, ссылок и сносок. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера.

Изменение параметров шрифта <FONT>…</FONT>

Для того чтобы изменить параметры шрифта произвольного объекта текста (части абзаца, целого абзаца или нескольких абзацев) нужно использовать контейнер <FONT>…</FONT>, который имеет ряд атрибутов:

1. Атрибут sizе тега <FОNТ> позволяет задавать размер текста в данной области. Уменьшение или увеличение размера шрифта на несколько условных единиц задается значением параметра size=n, где n – размер шрифта в неких абсолютных единицах. Этот атрибут может принимать значения от 1 до 7 (7-самый крупный, 1- самый мелкий). Пример:

<FONT size=7>Шрифт 7</FONT>

<FONT size=1>Шрифт 1</FONT>

 

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

Size=-2

Size=-1

Size=0 (база)

Size=+1

Size=+2

Size=+3

Size=+4

Все размеры относятся к шкале от 1 до 7.

1. Цвета фона и шрифта на всем протяжении документа можно задать при помощи атрибутов bgcolor и text в теге BODY. Цвет фона может задаваться только один раз, а цвет шрифта можно менять внутри документа многократно при помощи команды <FONT>…</FONT>. Установка цвета в этой команде выполняется при помощи атрибута color. Пример: <FONT color=blue>Этот отрывок будет выведен на экран синим шрифтом </FONT>.

Курсив (Italic). <I>…</I>

Текст находящийся между этими тегами выводится курсивом.

Усиление (Вold)<B>…</B>

Выделение полужирным шрифтом.

<U>…</U>

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

<S>...</S>

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

<ТТ>...</TТ>

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

Теги, характеризующие тип информации

<ЕМ>...</ЕМ>, <DFN>...</DFN>

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

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

Блоки цитат <ВLОСKQUOTE>…</ВLОСKQUOTE>

Обозначение цитаты. Тег добавляет поля слева и справа от текста. Сам текст не претерпевает никаких изменений. Это полезный тег, поскольку он позволяет компактно расположить текст в центре страницы. При неоднократном использовании <ВLОСKQUOTE> текст все больше сжимается к центру.

Цитирование <СIТЕ>...</СIТЕ>

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

Усиление <STRONG>...</STRONG>

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

<СODE>...</СОDE>

Используется для форматирования текста программы.

<SАМР>...</SАМР>

Используется при иллюстрации примеров (sample) вывода данных на экран.

<VAR>...</VAR>

Используется для выделения переменных (variable). Как правило, выводится моноширинным шрифтом.

<ABBR>…</ABBR>

Элемент для обозначения аббревиатур, например: HTML, WWW.

<ACRONYM>…</ACRONYM>

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

 

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

Горизонтальная линия <HR>

Горизонтальная линия (horizontal rule) – очень часто используемый элемент. Во-первых, потому, что с его помощью очень удобно делить страницу на части. Во-вторых, потому, что выбор подобных элементов оформления у автора страницы очень небольшой.

Элемент не имеет конечного тега, но допускает ряд атрибутов:

1. атрибут align для выравнивания текста. Имеет следующие значения:

align=left – выравнивание по левому краю;

align=right – выравнивание по правому краю;

align=center – выравнивание по центру;

align=justify – выравнивание по ширине.

1. атрибутsize – задает толщину линии в пикселях:

size=толщина в пикселях

1. атрибут width – задает длину линии в пикселях или в процентах?

width=длина в пикселях

width= для в процентах%

1. атрибут color – задает цвет линии:

color=цвет

 

---

Дата добавления: 2018-04-05; просмотров: 333; Мы поможем в написании вашей работы!

Поделиться с друзьями:

---

---

Мы поможем в написании ваших работ!