Форматування шрифту

Параметрами шрифту управляє парний тег . Він обов’язково повинен містити один з атрибутів:

COLOR= задає колір шрифту, який задається текстовим значенням або кодом, наприклад, COLOR="GREEN" (COLOR="#00FF00)

SIZE= визначає розмір шрифту у відносних одиницях від 1 до 7 (за замовчуванням 3), можна використовувати зі знаком плюс або мінус, яке визначає збільшення або зменшення шрифту відносно поточного розміру, наприклад, SIZE=4

FACE= задає гарнітуру шрифту, значення цього атрибуту обирається зі списку шрифтів, встановлених на комп’ютері, наприклад, FACE="Times New Roman"

Накреслення символів задається парними тегами:

 напівжирний шрифт

 курсив

 підкреслений

<S> викреслений

Приклад 1. Форматування тексту мовою HTML. Створити HTML-документ, який показує, як здійснюється форматування заголовків, шрифту та абзаців в HTML-документах.

Порядок виконання

1. Завантажити програму Блокнот зі складу стандартних додатків Windows, виконавши послідовність Пуск ® Программы ® Стандартные ® Блокнот

2. Записати текст

<html>

<head>

<title> Форматування тексту </title>

</head>

<body>

<h1 align="center"> 1 Заголовок першого рівня </h1>

Звичайний неформатований текст першого абзацу розділу першого рівня.

Текст другого абзацу, шрифт якого "Arial", розмір збільшено на 1, спосіб написання - курсив, вирівнювання по центру.

Текст третьго абзацу, шрифт якого "Times New Roman", розмір зменшено на 1, спосіб написання - жирний, вирівнювання по правому краю.

Текст четвертого абзацу, шрифт якого "Times New Roman", розмір збільшено на 2, спосіб написання - підкреслений.

<h2 align="center"> 1.2 Заголовок другого рівня </h2>

Звичайний неформатований текст першого абзацу розділу другого рівня.

Текст другого абзацу розділу другого рівня, вирівнений по ширині, шрифт - Arial, розмір збільшено на 3

<h3 align="center"> 1.3 Заголовок третього рівня </h3>

Звичайний неформатований текст першого абзацу розділу третього рівня.

</body>

</html>

3. Зберегти створений текст у файлі Форматування тексту.html в особистій папці на диску D: в папці Учебный процесс (команда Файл ® Сохранить как…)

4. Закрити вікно програми Блокнот

5. Відкрити особисту папку із Учебного процесса на диску D: та знайти файл Форматування тексту.html, який позначений значком

6. Завантажити документ у браузер (Internet Explorer), двічі клацнувши по файлу Форматування тексту.html. (рис. 2)

Рис.2 Вікно Internet Explorer з завантаженим документом Форматування тексту.

Приклад 2. Кольори в мові HTML. Створити HTML-документ, який наочно демонструє деякі кольори, котрі можна використовувати в наступних прикладах та завданнях, та спосіб завдання кольору шрифту в HTML-документах.

Порядок виконання описано в прикладі 1. Документ зберегти в особистій папці у файлі з ім’ям Кольори.html.

<html>

<head>

<title>Використання кольорів у текстових сторінках</title>

</head>

Так виглядають деякі кольори:

це зелений колір (green);

це лимонний колір (lime);

це колір (teal);

це оливковий колір (olive);

це червоний колір (red);

це пурпурний колір (purple);