2.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). Відповідність розміру шрифту значенням у пунктах надана у таблиці.
Таблиця 2.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>.
Приклад форматування документу:
<HTML>
<HEAD>
<TITLE> Приклад форматування даних на сторінці</TITLE></HEAD>
<BODY BGCOLOR=Yellow TEXT=Navy TOPMARGIN=50 BOTTOMMARGIN=50 LEFTMARGIN=70 RIGHTMARGIN=70>
<BASEFONT SIZE=5>
<FONT FACE="Times New Roman"> <CENTER> <U> <FONT SIZE=+2>
Сутність моделювання як методу наукового пізнання </FONT> </U> </CENTER>
<P ALIGN=JUSTIFY>
<I> <B>
<ACRONYM TITLE="від латин. modulus - зразок, норма, міра"> Модель </ACRONYM>
</B> </I> - це об'єкт, що заміщує оригінал і відбиває його найважливіші риси й властивості для певного дослідження, даної мети дослідження за обраної системи гіпотез.
<P ALIGN=JUSTIFY> <I> <B> Математична модель</B> </I> – це абстракція реальної дійсності (світу), в якій відношення між реальними елементами замінені відношеннями між математичними категоріями.
Ці відношення зазвичай подаються у формі рівнянь і / чи нерівностей, відношеннями формальної логіки між показниками (змінними), які характеризують функціонування реальної системи, що моделюється.
<P ALIGN=JUSTIFY> <I> <B> Сутність методології</B> </I> математичного моделювання полягає в заміні досліджуваного об'єкта його «образом» - математичною моделлю – і подальшим вивченням моделі на підставі аналітичних методів та обчислювально-логічних алгоритмів, які реалізуються за допомогою комп’ютерних програм.
</P> </FONT>
</BODY>
</HTML>
Рисунок 2.2 - HTML – документ із використанням різних способів форматування у вікні браузера ІЕ