Лабораторная работа № 2

ТЕМА: Форматирование текста и создание списков

Выполните следующие примеры:

Пример 6. Разработайте HTML-код web-страницы web.htm с заголовком страницы «Образец уровней заголовков» и текстовым контентом «Заголовок 1 уровня», «Заголовок 2 уровня», «Заголовок 3 уровня», «Заголовок 4 уровня», «Заголовок 5 уровня», «Заголовок 6 уровня», применяя соответствующий стиль заголовка для каждого словосочетания.

Задайте для первых трех заголовков выравнивание по центру, для двух последующих – по правому краю, а для последнего заголовка оставьте выравнивание по умолчанию.

Образец выполнения Примера 6

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

Парные теги уровней заголовков отличаются друг от друга порядковыми номерами уровня: <H1> </H1>; <H2> </H2>; <H3> </H3>; <H4> </H4>; <H5> </H5>; <H6> </H6>.

По умолчанию, текст заголовков выравнивается по левому краю. Для того, чтобы задать другие параметры выравнивания, используется теги заголовков с одним из значений: center (по центру) или right (по правому краю).

Пример 7. Измените параметры шрифта текстового контента web-страницы page.htm, созданной в процессе выполнения Примера 4 (задание 1):

• задайте для всего текстового блока web-страницы размер шрифта – 5 пунктов, цвет – сине-фиолетовый, гарнитура – Comic Sans MS;

• установите для текстовых фрагментов «Птичья гавань», «Экологическая тропа дома творчества» и «Большереченский зоопарк» размер шрифта – 7 пунктов, цвет – синий, гарнитура – Arial.

Образец выполнения Примера 7

Тег <FONT> </FONT> используется при изменении параметров шрифта в отдельном фрагменте текста web-страницы. Тег <BASEFONT> изменяет параметры шрифта всего текста web-страницы.

Атрибуты указанных тегов:

• SIZE задает размер шрифта в пределах от 1 до 7 пунктов;

• COLOR изменяет цвет текста;

• FACE задает гарнитуру шрифта.

Пример 8. Разработайте HTML-код web-страницы register.htm с заголовком страницы «Регистр» и текстовым контентом: «Значения концентраций суммарной бета-радиоактивности в аэрозолях приземного слоя воздуха (Омск – проанализирована 361 проба): S_ср – 31,7 Е-5 Бк/м³; S_max – 298,0 Е-5 Бк/м³».

Установите для словосочетания «Значения концентраций» укрупненный размер шрифта с начертанием курсив, а для предложения «Омск – проанализирована 361 проба» – уменьшенный с полужирным начертанием. Для всего текстового контента web-страницы задайте: выравнивание текста по ширине, размер шрифта 4 пункта; гарнитура – Palatino.

При разработке HTML-кода можно задать четыре основных видоизменения начертания шрифта:

• <B> </B> - полужирный;

• <I> </I> - курсив;

• <S> </S> - зачеркнутый;

• <U> </U> - подчеркнутый.

Для преобразования в надстрочный индекс используется тег <SUP> </SUP>, в подстрочный – тег <SUB> </SUB>. Изменение размера шрифта для визуального выделения фрагмента текста достигается использованием тегов <BIG> </BIG> и <SMALL> </SMALL>. Первый из данных тегов укрупняет, а второй – уменьшает шрифт.

Образец выполнения Примера 8

Пример 9. Задайте для текстового фрагмента «S_ср – 31,7 Е-5 Бк/м³; S_max – 298,0 Е-5 Бк/м³» web-страницы register.htm, созданной в процессе выполнения примера 2.4, отображение в виде нумерованного списка с форматом номеров – строчные латинские буквы.

Образец выполнения Примера 9

Для создания нумерованного списка используются теги <OL> </OL> и <LI>. Внутрь тега <OL> </OL> помещается весь список, а тег <LI>, являющийся непарным, указывается перед каждым элементом списка. По умолчанию, элементы списка будут помечены арабскими цифрами. Для изменения вида нумерации необходимо использовать в теге <OL> </OL> атрибут TYPE, параметры которого определяют тип символов:

Значение параметра	Вид нумерации
A	прописные латинские буквы
a	строчные латинские буквы
I	большие римские цифры
i	малые римские цифры
1	арабские цифры (указывать данный тип необязательно, т.к. он используется по умолчанию)

Пример 10. Разработайте HTML-код web-страницы list.htm с заголовком страницы «Список» и текстовым контентом: «К основным примесям, загрязняющим атмосферный воздух любого населенного пункта, относятся следующие элементы: взвешенные вещества (пыль), сернистый газ, окислы азота, окись углерода». Задайте для текстового фрагмента, содержащего перечень элементов, отображение в виде маркированного списка (вид маркеров – закрашенный квадрат). Выровняйте список по центру.