Задания для варианта №7
Задание №1. Статический html-документ
Создайте html-документ в виде страницы календаря для месяца, указанного в варианте в соответствии с вашей фамилией. Год использовать текущий. Календарь создается в виде таблицы с прозрачными (белыми) границами.
Добавьте на страницу стихотворение, не менее чем из трёх четверостиший, и тематическое изображение. Стихотворение и изображение должны соответствовать месяцу и не должны повторять те, что указанны в примере.
На странице должен быть размещен двухуровневый список:
- первый уровень обозначается маркерами и перечисляет времена года
- второй уровень обозначается чек-боксами и перечисляет месяцы, начиная с месяца, указанного в варианте.
При создании html-документа в разметке должны быть использованы:
1) тег для определения метаданных <meta>;
2) тег комментария<!-- -->;
теги форматирования текста:
3) <p> - абзац,
4) <br> - новая строка,
5) <div> - блок контента,
6) <span> - выделение участка текста для задания отдельного стиля,
7) <hr> - горизонтальная линия,
8) <h1>¸<h6> - заголовки соответствующих уровней (не менее двух),
9) <b> - жирный текст,
10) <i> - текст курсивом,
11) <u> - подчёркнутый текст,
12) <sub> - нижний индекс,
13) <sup> - верхний индекс,
14) <pre> - предварительно отформатированный текст,
15) <tt> - моноширинный текст,
16) <img> - вставка изображения,
17) <a> - вставка гиперссылки,
Разметить ссылки:
19) на другой документ (в качестве документа использовать html страницу из второго задания)
20) в пределах размечаемого документа,
21) на email (любой);
С помощью параметров тега <body> изменить (используя цвета из web-безопасной (гарантированной) палитры):
22) цвет фона документа,
23) цвет текста,
24) цвета непосещенных ссылок документа,
25) цвета посещенных ссылок документа.
Задание №2. Каскадные таблицы стилей CSS
1) Создайте новый html-документ на основе полученного в результате выполнения задания №1. Измените в нем рисунок на изображение, созданное с помощью каскадных таблиц стилей в соответствии со своим вариантом. Изображение должно быть создано только с помощью CSS.
Нельзя брать готовый рисунок из данных методических указаний и вставлять его на страницу.
2) Измените с помощью таблиц стилей следующие параметры документа из задания 1:
1. текст стихотворения (шрифт, размер, цвет, поля, обрамление);
2. гиперссылки (цвет непосещённых и посещённых ссылок);
3. документ (фон);
4. список (маркеры или нумерацию);
5. таблицу (границы, фон).
При этом необходимо использовать определение стилей для тегов и классы стилей, псевдоклассы.
Используйте три способа определения каскадных таблиц стилей:
- с помощью тега <link>;
- с помощью тега <style>;
- с помощью параметра style тега.
Продемонстрируйте действие приоритетов при применении различных способов определения CSS.