Практическая работа
Тема «Создание Web – страницы «Списки».
Цель работы: изучить и закрепить теги по созданию списков, а также разделительной линии.
HTML допускает задание в документах списков двух типов: маркированный и нумерованный.
Используемые теги:
Маркированный список | Нумерованный список |
Описание команды | Описание команды |
- первый элемент
- второй элемент
... - последний элемент
Вид метки, которую браузер помещает перед каждым элементом списка, настраивается при помощи атрибута type. Этот атрибут может отсутствовать или принимать одно из трех значений: | - первый элемент
- второй элемент
... - последний элемент
Вид номера определяется значением атрибута type. |
Начальный тег | Вид номера на экране |
OL | 1.Нумерация выполняется арабскими цифрами (1, 2, 3,...) |
Начальный тег | Вид метки на экране | OL type=1 | 1.Нумерация выполняется арабскими цифрами (1, 2, 3,...) |
UL | | OL type=A | А.Нумерация выполняется прописными буквами (A, B, C,...) |
UL type=circle | | | a.Нумерация выполняется строчными буквами (a, b, c,...) |
UL type=disc | | OL type=I | I.Нумерация выполняется большими римскими цифрами (I, II, III,...) |
| | OL type=i | i. Нумерация выполняется малыми римскими цифрами (i, ii, iii,...) |
| Добавляет в HTML документ горизонтальную линию |
| Создает список определений |
| Определяет каждый из терминов списка |
| Описывает каждое определение |
Задание 1. Создать документ, в котором присутствуют списки и разделительная линия.
Ход работы:
1. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].
2. Ввести HTML-код, задающий структуру Web-страницы:
Spisok
Списки
Нумерованный список:
OL
Первый элемент списка
Второй элемент списка
Третий элемент списка
center h3U Ненумерованный список: Uh3center
- Первый элемент списка
- Второй элемент списка
- Третий элемент списка
Список определений:
ТЕРМИН 1
Пояснение к термину 1
ТЕРМИН 2
Пояснение к термину 2
ТЕРМИН 3
Пояснение к термину 3
3. Ввести команду [Файл - Сохранить]. Файлу Web-страницы присвоить имя zadanie2.htm
4. Открыть созданный файл. В заголовке окна браузера высвечивается название Web-страницы Spisok.
Задание 2. Создать документ «Устройства ввода, вывода информации» следующего вида.
Устройство компьютера
Компьютер – это универсальное техническое средство для работы с информацией.
Основные части ПК:
Системный блок
Материнская плата
Процессор
Видеокарта
Жесткий диск
Дисководы
Оперативная память
Кулер
Блок питания
Устройства ввода информации:
Клавиатура
Мышь
Графический планшет
Сканер
Цифровая камера
Микрофон
Устройства вывода информации: