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

При создании маркированного списка используется тег <UL> </UL> и <LI>. Видоизменение маркера задается параметрами атрибута TYPE:

Значение параметра	Вид маркера
disk	●
circle	○
square	■

Пример 11. Разработайте HTML-код web-страницы glossary.htm с заголовком страницы «Глоссарий» и текстовым контентом: «Список сокращений. РОО радиационно-опасный объект. СанПиН Санитарные нормы и правила. СГМ социально-гигиенический мониторинг». Задайте для предложения «Список сокращений» стиль заголовка второго уровня. Для остального текста разработайте список определений, используя в качестве термина аббревиатуру, помеченную полужирным начертанием шрифта, а в качестве пояснения – ее расшифровку. Перед каждым элементом списка установите отображение горизонтальной линии.

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

Список определений характерен только для web-страниц и используется для создания перечня терминов и их описаний, например глоссариев. Для разработки списка определений используются парные теги <DL> </DL>, <DT> </DT> и <DD> </DD>.

Тег <DL> </DL> задает начало и конец списка. Тегом <DT> </DT> помечается термин или определение, а пояснение к нему помещается внутрь тега <DD> </DD>. При просмотре в окне браузера термин будет выровнен по левому краю страницы, а пояснение автоматически разместится на следующей строке со смещением вправо относительно расположения термина.

Задания для самостоятельной работы

1. Откройте файлы page1.htm и page2.htm с помощью текстового редактора Блокнот.

2. Вставьте в содержимое web-страниц заголовки в соответствии с выбранным вариантом. Разместите заголовок для страницы page1.htm под картинкой и укажите для него стиль первого уровня; разместите заголовок страницы page2.htm – над картинкой, выберите стиль второго уровня.

Заголовки текстовых блоков web-страниц page1.Htm и page2.Htm

№В	Содержание заголовка
	page1.htm	page2.htm
1	Атмосферный воздух. Озоновый слой	Качество атмосферного воздуха Омска
2	Поверхностные и подземные воды	Поверхностные воды Омска
3	Почвы и земельные ресурсы	Почвы Омской области
4	Отходы производства и потребления	Основные проблемные вопросы в области обращения с отходами производства и потребления на территории Омской области
5	Радиационная обстановка	Радиационно-гигиеническая обстановка на территории Омской области
6	Минерально-сырьевая база и охрана недр	Цветные и редкие металлы Омской области
7	Лесные ресурсы	Запасы спелых и перестойных насаждений Омской области, предназначенных для лесоэксплуатации
8	Особо охраняемые природные территории (ООПТ)	Памятник природы «Омский городской дендрологический сад»
9	Загрязнение поверхностных водных объектов Омской области	Водопотребление и водоотведение
10	Подземные воды	Прогнозные ресурсы и эксплуатационные запасы подземных вод
11	Контроль химического состава и кислотности атмосферных осадков на территории Омской области	Контроль загрязнения снежного покрова на территории Омской области
12	Показатели здоровья населения Омской области	Мониторинг показателей смертности населения Омской области

3. Установите для шрифта всего текстового контента web-страницы page1.htm размер шрифта 5 пунктов, а для шрифта web-страницы page2.htm – 4 пункта.

4. Задайте для заголовков web-страниц page1.htm и page2.htm произвольный цвет шрифта.

5. Задайте для перечня второго абзаца текстового контента страницы page1.htm отображение в виде автоматического списка с типом соответствующим выбранному варианту.