Вложенные маркированные списки
Глава 1
Глава 2
Глава 3
Постановка задачи
Блок-схема алгоритма
Программа и её описание
Контрольный пример
Глава 4
Глава 5
11.3. Сохранить страницу под именем d5.html
11.4. Просмотреть страницу с помощью браузера Internet Explorer
12. Добавить на Web-страницу вложенные комбинированные списки:
Вложенные комбинированные списки
Галактика
БЭСТ
1С: Предприятие
1С: Бухгалтерия
1С: Торговля
1С: Склад
1С: Заработная плата
Турбо-бухгалтер
Инфо-бухгалтер.
12.1. Сохранить страницу под именем d5.html
12.2. Просмотреть страницу с помощью браузера InternetExplorer. Защитить лабораторную работу у преподавателя под именемd5_ФИО.html.
Лабораторная работа №6.
САМОСТОЯТЕЛЬНАЯ РАБОТА
Цель: свободное ориентирование в тэгах, примененных в лабораторной работе №5;
Часть I.
Создать Web-страницу следующего образца:
А) вариант №1
Списки.
Тэги
списков (синий цвет)
Существует три основных вида списков в HTML-документе:
пронуменрованный
непронуменрованный
список описаний
Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от браузера. Более подробно смотри в разделе "Вложенные списки".
Пронумерованные списки (цвет синий)
В пронумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны.
Пронумерованный список начинается стартовым тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>. Например:
<OL> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </OL>
Программирование
Алгоритмизация
Проектирование
<OL TYPE=A|a|I|i|1 START=n> где:
TYPE
Вид счетчика:
A - большие латинские буквы (A,B,C...)
a - маленькие латинские буквы (a,b,c...)
I - большие римские цифры (I,II,III...)
i - маленькие римские цифры (i,ii,iii...)
1 - обычные цифры (1,2,3...)
START=n
Число, с которого начинается отсчет
Например:
<OL TYPE=I START=15> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </OL>
Программирование
Алгоритмизация
Проектирование
Б) вариант №2
Непронумерованные списки
Для непронумерованных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера.
Пронумерованный список начинается стартовым тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Например:
<UL> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </UL>
Программирование
Алгоритмизация
Проектирование
<UL TYPE=disc|circle|square>
Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:
<UL TYPE=square> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </UL>
Программирование
Алгоритмизация
Проектирование
В) вариант №3
Вложенные списки
Дадим пример вложенных списков:
<HTML> <HEAD> <TITLE> Список студентов </TITLE> </HEAD> <BODY> <H2> Список студентов нашей группы </H2> <H3> Составлено: 22 сентября 2011 года </H3> Данный список содержит фамилии и имена всех студентов нашей группы. <P> Список представлен в деканат. <P> <OL> <LI> Первая подгруппа <UL> <LI> Ф.И.О <LI> Ф.И.О </UL> <LI> Вторая подгруппа <UL> <LI> Ф.И.О <LI> Ф.И.О </UL> </OL> </BODY> </HTML>
Вот, что вы увидите на экране браузера:
Список студентов нашей группы
Составлено: 22 сентября 2011 года
Данный список содержит фамилии и имена всех студентов нашей группы.
Список представлен в деканат.
Первая подгруппа
Вторая подгруппа
Ф.И.О
Ф.И.О
Г) вариант №4
Тэг <LI> может иметь параметры:
<OL TYPE=disc|circle|squade> или <OL TYPE=A|a|I|i|1 VALUE=n>
в зависимости от того, в списке какого вида находится данный элемент.
TYPE
Вид маркера (см. <UL>) или счетчика (см.OL)
VALUE=n
Значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.
Например:
<OL TYPE=I START=15> <LI> Программирование <LI TYPE=i VALUE=25> Алгоритмизация <LI> Проектирование </OL>
Программирование
Алгоритмизация
Проектирование
Список
определений
Список определений начинается с тэга <DL> и завершается тэгом </DL>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <DT> , а описание - тэгом <DD>. Например:
<DL> <DT> <B> Отдел маркетинга </B> <DD> Данный отдел занимается продвижением продуктов и услуг <DT> <B> Финансовый отдел </B> <DD> Данный отдел занимается всеми финансовыми операциями <DT> <B> Отдел кадров </B> <DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д. </DL>
Отдел маркетинга
Данный отдел занимается продвижением продуктов и услуг
Финансовый отдел
Данный отдел занимается всеми финансовыми операциями
Отдел кадров
Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.
Сохранить документ под именем v_N.html, где N – номер варианта.