
- •Язык разметки гипертекста html. Назначение html
- •Язык разметки гипертекста html
- •Краткая история html
- •Программы для просмотра электронных документов
- •Лабораторная работа № 1. Язык разметки гипертекста html. Основные понятия языка
- •Основные понятия
- •Структура документа html
- •Задания к лабораторной работе № 1 Задание 1. Создание простейшей Web-страницы.
- •Контрольные вопросы
- •Лабораторная работа № 2. Форматирование текста.
- •Форматирование абзаца
- •Форматирование шрифта
- •Физические стили
- •Размер шрифта
- •Логические стили
- •Горизонтальные линии
- •Escape последовательности (символьные объекты)
- •Контрольные вопросы
- •Лабораторная работа № 3. Управление цветом
- •Цветовая гамма html-документа
- •Сочетание цветов
- •Задания к лабораторной работе № 3 Управление цветом
- •Контрольные вопросы
- •Лабораторная работа № 4. Гиперссылки
- •Относительные адреса ссылок
- •Задания к лабораторной работе № 4 Гипертекстовые ссылки Задание к лабораторной работе №4
- •Контрольные вопросы
- •Лабораторная работа № 5. Работа со списками
- •Маркированный (ненумерованный - Unordered List) список
- •Нумерованные списки
- •Вложенный список
- •Списки определений
- •Список-меню
- •Список-указатель (список-индекс)
- •Теплым.
- •Круглым.
- •Желтым.
- •Контрольные вопросы
- •Лабораторная работа № 6. Вставка графических изображений
- •Роль графики
- •Характеристика графических стандартов
- •Вставка графических изображений
- •Использование карт изображений
- •Преимущества и недостатки карт-изображений
- •Область применения
- •Конфигурация карт-изображений
- •Типы карт-изображений
- •Серверный вариант
- •Клиентский вариант
- •Задания к лабораторной работе № 6 Вставка графических изображений
- •Примеры карт
- •Карта 2
- •Контрольные вопросы
- •Лабораторная работа № 7. Таблицы html-документов
- •Основные методы создания таблиц
- •Цветные таблицы
- •Группировка данных
- •Колонтитулы таблицы
- •Прорисовка структуры таблицы
- •Вложенные таблицы
- •Преимущества вложенных таблиц
- •Задания к лабораторной работе № 7.
- •Задание 3. Форматирование таблицы
- •Контрольные вопросы
- •Лабораторная работа № 8. Формы
- •1. Организация обратной связи
- •2. Авторизация
- •3. Проведение исследований
- •4. Пользовательский профиль
- •Структура пользовательских форм
- •Параметры текстовой строки
- •Параметры опции выбора
- •Параметры кнопки с рисунком
- •Параметры текстового поля
- •Параметры
- •Параметры текстового поля
- •Задания к лабораторной работе № 6 Формы
- •Индивидуальное задание
- •Контрольные вопросы
- •Лабораторная работа № 9. Фреймы
- •Синтаксис фреймов
- •Атрибуты:
- •Планирование фреймов и взаимодействия между фреймами
- •Зарезервированные имена фреймов
- •Бегущая строка (элемент marquee)
- •Фиксация информации на экране (элемент banner)
- •Задания к лабораторной работе № 9. Фреймы
- •Контрольные вопросы
- •Справочник
- •Приложение 1. Таблица спецсимволов
- •Литература
Нумерованные списки
Нумерованный список часто называется упорядоченным и представляет собой определенную последовательность элементов.
Нумерованные списки (Ordered List) отмечают тегами <OL>... </ol> внутри которых располагаются пункты перечня информационных данных, за указание которых отвечает специальный тег <LI>. Чтобы программа правильно расставила номера вместо символов, выделяющих новый элемент, используются арабские или римские числа или буквы латинского алфавита.
Тег составления нумерованных списков <OL> может включать атрибуты type, start и compact.
Способ нумерации задается при помощи атрибута type.
Атрибут |
Стиль нумерации |
|
type="l" |
арабские цифры |
1, 2, 3, ... |
type="i" |
римские цифры в нижнем регистре |
i, ii, iii, ... |
type="I" |
римские цифры в верхнем регистре |
I, II, III, ... |
type="a" |
латинские буквы нижнего регистра |
a, b, c, ... |
type="A" |
латинские буквы верхнего регистра |
A, B, C, ... |
Типом нумерации, используемым по умолчанию, является type=”1”, поэтому при создании нумеронанных списков такого типа необязательно создавать значения атрибута type (сам перпметр также можно опустить).
Пример.
<HTML>
<HEAD>
<TITLE> нумерованный список </title>
</head>
<BODY>
<OL>
<LI> красный;
<LI> желтый;
<LI> зеленый.
</ol>
<OL type="I">
<LI> красный;
<LI> желтый;
<LI> зеленый.
</ol>
<OL type="A">
<LI> красный;
<LI> желтый;
<LI> зеленый.
</ol>
</body>
</html>
Возможно смешанное использование различных типов нумерации в пределах одного списка. Однако браузеры по-разному реагируют на такое смешение стилей.
Пример.
<HTML>
<HEAD>
<TITLE> Использование разных типов нумерации в одном списке</title>
</head>
<BODY>
<OL type="1">
<LI> красный
<LI type="I"> оранжевый
<LI type="i"> желтый
<LI type="A"> зеленый
<LI type="a"> голубой
<LI type="1"> синий
<LI type="I"> фиолетовый
</ol>
</body>
</html>
Параметр start позволяет начинать нумерованный список не с первой позиции. При этом значение этого параметра может быть только числовой эквивалент конкретного типа списка. Напимер, чтобы начать список, созданный на основе нумерации большими латинскими буквами, с буквы F , надо указать следующую HTML-конструкцию:
<OL type=”A” start=”6”>
Параметр compact изначатьно был предусмотрен для списков, отображение которых должно производиться в компактном виде, например, с использованием меньшего размера шрифта, меньшего отступа от края страницы или меньшего расстояния между пунктами списка. Однако на практике этот параметр почти не используется, поскольку наиболее распространенные браузеры никак не реагируют на его применение.
Иногда может возникнуть ситуация, когда список содержит опреденный разрыв в последовательности предстваления пунктов. Для этой цели используется специальный параметр тега <LI> – value.
Пример.
<HTML>
<HEAD>
<TITLE> нумерованный список с разрывом последовательности</title>
</head>
<BODY>
<OL>
<LI> первый
<LI> второй
<BR> ...
<LI value=7> седьмой
</ol>
</body>
</html>