6.2. Форматирование данных на странице
Контейнер <P> … </P> создает в текстовом документе абзац (p – paragraph). Тег <P> имеет атрибут ALIGN, с помощью которого определяется способ выравнивания текста. Возможные значения атрибута ALIGN: LEFT – выравнивание слева, CENTER – по центру, RIGHT - по правую сторону, JUSTIFY – по ширине.
Контейнер <CENTER> … </CENTER> также дает возможность установить выравнивание документа по центру.
Тег <BR> (break) используется для перенесения данных на новую строку. Тег может иметь атрибут CLEAR, который принимает одно из трех значений: left – выравнивание данных по новой строке налево, right – по правой стороне или all – по ширине.
Теги <H1>, … <H6> дают возможность выделить часть документа как заголовок 16 уровня.
Тег <FONT> позволяет с помощью атрибутов управлять размером и цветом символов.
Атрибут FACE дает возможность определить гарнитуру – название шрифта (Arial, Times New Roman и др.).
Атрибут SIZE управляет размером шрифта. Шрифт может иметь размер от 1 до 7. Можно задавать размер шрифта непосредственно цифрой или задавать относительное значение относительно базового размера ( по умолчанию 3). Соответствие размера шрифта значением в пунктах предоставлены в таблице.
Таблица 6.2 – Размеры шрифта
-
Размер шрифта
Величина в пунктах
1
8
2
10
3
12
4
14
5
18
6
24
7
36
Примеры: <FONT SIZE=5>
<FONT SIZE=+2>
Атрибут COLOR определяет цвет шрифта по модели RGB.
Примеры: <FONT COLOR=”#0000FF”> синие символы
<FONT COLOR=”Black”> черные символы
Тег <I> (а также <EM>) позволяет установить вывод данных на странице курсивом.
Тег <В> (а также <STRONG>) позволяет установить полужирный шрифт.
Тег <U> предоставляет возможность осуществить подчеркивание текста.
Тег <S> (а также <STRIKE>) позволяет перечеркнуть текст.
Теги <SUP> и <SUB> используются для создания верхних и, соответственно, нижних индексов.
Тег <ACRONYM> (а также <ABBR>) позволяет выделить акронимы или аббревиатуры в тексте и вывести окна подсказок. Содержимое окна определяется как значения атрибуту TITLE.
Пример: <ACRONYM TITLE="Донецкий национальный университет экономики и торговли имени Михаила Туган-Барановского"> ДонНУЕТ </ACRONYM>.
Пример форматирования документа:
Рисунок 6.2 - HTML – документ с использованием разных образов форматирования в окне браузера ІЕ
Тема 7. Создание списков, таблиц, фреймов
7.1. Списки
Документы могут вмещать нумерованные, маркированные списки, а также списки определений.
Нумерованные списки создаются с помощью тега <OL> ( от англ. Ordered List – нумерований список). Тег <OL> может иметь атрибуты TYPE и START. Атрибут TYPE определяет способ нумерации элементов списка, может принимать значение:
A – прописные латинские буквы A, B, C …;
а - строчные латинские буквы a, b, c …;
I – большие римские цифры I, II, III …;
i – малые римские цифры и, іі, ііі …;
1 – арабские цифры 1, 2, 3 …
С помощью атрибуту START определяется начальное значение списка.
Каждый элемент списка в коде HTML начинается из тега <LI>.
Пример нумерованного списка:
Рисунок 7.1 – Пример нумерованного списка
Маркированные списки создаются с помощью тега <UL> ( от англ. Unordered List – ненумерованый список). Атрибут TYPE определяет внешний вид маркеру, может принимать значение:
disc – зарисованные круглые маркеры;
circle – незарисованные круглые маркеры;
square – квадратные маркеры.
Как и для нумерованного списка, каждый элемент начинается из тега <LI>.
Пример маркированного списка:
Рисунок 7.2 – Пример маркированного списка
С помощью тегов <OL> и <UL> можно также создавать многоуровневые списки.
Список определений составляется со специальным способом расположенных терминов и их определений. Такой список создается с помощью тегов <DL>, <DT>, <DD>.
Тег <DL> ( от англ. Definition List – список определений) начинает список определений.
Контейнер <DT> ( от англ. Definition Term – слово, которое определяется, термин) выделяет в тексте определения.
Контейнер <DD> ( от англ. Definition Description – описание срока) замечает значение срока.
Пример списка определений:
Рисунок 7.3 – Пример списка определений